基本信息
文件名称:EX214-自动随机变化的三色旗.pdf
文件大小:1.13 MB
总页数:7 页
更新时间:2025-06-04
总字数:约小于1千字
文档摘要

微信小程序开发

北方工业大学

案例自动随机变化的

三色旗

案例描述

设计一个小程序,开始时界面上显示一个三色旗

和一个按钮,当点击按钮时,三色旗的颜色会发生

随机变化,即使不点击按钮,三色旗的颜色也会每隔

一定时间自动发生变化。

实现效果

手机录屏

案例实现

电脑录屏

知识要点

本案例主要涉及如下内容:

双重for循环、数组、Math.random()函数、Math.floor()

函数、setInterval()函数等内容。

创建随机颜色的设计思想:从构成颜色的16个16进制

字符(0~F)中随机随机找出6个字符构成一种颜色,

连续找3次就可以生成3种随机颜色。

案例

总结

本案例综合运用双重for循环、数组、

Math函数、全局对象函数等内容演示了

创建随机颜色的方法和技巧。