文章转载自 剑诩的前端学习笔记  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

 

相关文章:

  • 2021-05-16
  • 2021-05-20
  • 2021-10-13
  • 2021-09-01
  • 2022-12-23
  • 2021-12-31
猜你喜欢
  • 2021-12-23
  • 2021-12-23
  • 2021-04-07
  • 2022-12-23
  • 2021-11-09
  • 2021-04-22
  • 2022-01-08
相关资源
相似解决方案