JavaScript实现基本九宫格抽奖

1
2
3


8
ooo
4


7
6
5

           最近学了js，练练手。

          注意需要添加jquery，以上代码主要实现基本九宫格抽奖模型，界面内容自己完善。

思路：九宫格抽奖抽象出来，其实就是点击抽奖按钮以后，从某个单元开始，不停的绕着8个格子转动，最后停留在目标位置。

            也就是说，一开始就可以设定好目标位置stopStep，并用一个变量step用于计算转动的步数，这个计算的变量从0或1开始计算，直到达到设置的转动次数（就是你要他转多少圈）*8+stopStep，在这个转动的过程，你可以设置不同的转速。在转动过程中，要不断改变当前位置的单元格的颜色（或者你设置其他表示被选中的样式），每次还要记得先把上一步改变了颜色的单元格恢复到原来的样式。基本这样！