码迷,mamicode.com
首页 > 其他好文 > 详细

九方格抽奖插件

时间:2015-02-02 12:03:38      阅读:166      评论:0      收藏:0      [点我收藏+]

标签:

自己编写的九方格抽奖插件技术分享

参考网址http://demo.qpdiy.com/all/plugins/Lottery/lottery--horse3/h/index.html

关键代码:

技术分享
 1 var num = 0; //当前点亮的灯
 2   var circle = 0; //至少转跑马灯的圈数
 3   var t; //定时器
 4   var len;//奖品个数
 5   function lightChange($prizes, changeClass, prizeArr, prizeNum){
 6       var self = this;
 7       len = $prizes.length;
 8 
 9       $prizes.removeClass(changeClass);
10       $prizes.eq(prizeArr[num]).addClass(changeClass);
11       if(num == len-1){
12         num = 0;
13         circle ++;
14       } else {
15         num ++;
16       }
17 
18       if(circle == 2 && num == prizeNum){
19         circle = 0;
20         clearTimeout(t);
21       } else {
22         t = setTimeout(function(){lightChange($prizes, changeClass, prizeArr, prizeNum)},300); 
23       }
24     }
View Code

 

九方格抽奖插件

标签:

原文地址:http://www.cnblogs.com/huangxiaowen/p/4267216.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!