如何用JavaScript编写九宫格抽奖程序？

本文共计1726个文字，预计阅读时间需要7分钟。

原文示例：本文实例为大家分享了JavaScript实现九宫格抽奖的具体代码，供大家参考。看到一个个抽奖案例，觉得还不错。于是自己做了个简单版本。点击中间的开始，抽奖就会跑起来。

改写后：本文以JavaScript实现九宫格抽奖的代码为例，供大家参考。观察几个抽奖案例，感觉不错。随后制作了一个简化版。点击中间的按钮启动，抽奖随即开始。

本文实例为大家分享了JavaScript实现九宫格抽奖的具体代码，供大家参考，具体内容如下

看到个抽奖案例，觉得还不错。就自己做了一个简单版本。

点击中间的开始，抽奖就会跑起来，速度由慢到快，再到慢，最后停下。停下的格子就是中奖的奖品。

主要思路：

1、抽奖的高亮色块轮循，使用一个 class 去控制。

2、要控制色块轮循的速度快慢，要用到计时器 setTimeout，可以控制轮循速度。

3、正在抽奖轮循的时候，开始按钮是不能点击的。所以要用一个变量判断当前是否正在轮循。

4、轮循的次数是一个随机数，这样每次开始轮循的结果都是随机的。