【转载】九宫格抽奖转盘实例

文章转载自 剑诩的前端学习笔记  http://blog.cxycs.com/

原文链接:http://blog.cxycs.com/article/56

 

工作需要,所以做了个抽奖转盘的插件,当然这里只做最简单的演示。

机制说明:

1、通过定义lottery-unit来控制节点的个数及索引;

2、通过设置lottery.crcle来定义需要转动的基本次数,在这个次数内,定时器的时间间隔不断递减,知道某个具体的数值;

3、当外界设置了lottery.prize即中奖目标的索引后,检查当当前转动次数已经大于lottery.crcle,这个过程开始递减定时器的时间间隔,直到lottery.prize等于lottery.prize,这时候初始化所有参数。

 

在线演示:http://blog.cxycs.com/demos/lottery/

源码下载:http://blog.cxycs.com/demos/lottery.rar

 

posted @ 2016-05-19 16:32  后知后觉1206  阅读(344)  评论(0编辑  收藏  举报