幸运大转盘html实现解析

这是点击转盘开始按钮后出发的function，初始判断后调用start算法来实现转动效果。inner为转盘开始按钮。

start是实现转动的主方法。这里首先看第一行代码：deg = deg || lostDeg[parseInt(lostDeg.length * Math.random())];这里说明一下，deg是我们转盘转动的随机角度。

这个随机角度是怎么算出来的呢。我们看一下lostDeg的定义：var lostDeg = [ 36, 66, 96, 156, 186, 216, 276, 306, 336 ];

结合第二三步中的代码，我们不难得知，deg是在lostDeg中随机选择出来的一个元素。（无代码基础的请自行补充基础）所以在转动前，我们首先需要定义一个数组，然后获取数组中的随机一个角度数值进行转动，这也就是大转盘的转动原理。

这里可以看到为了防止随机角度过小，转盘一转动就停止的情况，我们为转动设置一个最小转动角度306*5（5圈）。所以小伙伴们，转盘转动一开始都是木有意义的，不要紧张，最后那一圈才是关键。

这一段代码比较复杂，简单地说，就是不停的推送转动一定角度的图片，让我们的画面看起来是转动的。

最后我们来看结果处理部分，如果中奖则进行后续的中奖操作，如果未中奖则提示“谢谢参与”。细心的小伙伴可能发现了，我这段代码是永远都不会中奖的，因为这里的prize永远都是空的。

最后，希望小伙伴们经常玩的转盘不是这种永远不会中奖的转盘。