如何用JavaScript编写一个长尾词相关的九宫格抽奖程序？

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

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

改写后：本文以实例形式，展示了如何使用JavaScript实现九宫格抽奖功能，并提供参考代码。案例展示后，觉得效果不错，于是制作了一个简易版。点击中间的开始按钮，即可启动抽奖。

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

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

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

主要思路：

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

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

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

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