红色喜庆风格界面jQuery新年年会随机手机号码滚动抽奖代码,2018年会喜迎新年幸运大抽奖活动页面。
js代码
<script type=\"text/javascript\" src=\"js/easing.js\"></script> <script> var u = 100; var n = 1; var timer; //定义滚动的定时器 var result = 18912345678; //指定中奖结果,可以抽取指定数组中的某一个 var isBegin = false; //标识能否开始抽奖 $(\".num\").css(\'backgroundPositionY\',200);//开始13888888888 $(\".num\").eq(0).css(\'backgroundPositionY\',-100) $(\".num\").eq(1).css(\'backgroundPositionY\',-300) //执行数字滚动 function run(){ n++; $(\".num\").each(function(index){ var _num = $(this); _num.animate({ backgroundPositionY: ((u+1)*n*(index+1)) },100); }); timer = window.setTimeout(run,100); isBegin = true ; } $(function(){ //开始抽奖 $(\'.start\').click(function(){ if(isBegin){ return false; }else{ run(); } }); //停止抽奖 $(\'.stop\').click(function(){ var num_arr = (result+\'\').split(\'\'); $(\".num\").each(function(index){ var _num = $(this); setTimeout(function(){ _num.animate({ backgroundPositionY: (u*60) - (u*num_arr[index]) },{ duration: 500, easing: \"easeInOutCirc\", complete: function(){ if(index == 10){ isBegin = false; } } }); },100); }); window.clearTimeout(timer); isBegin = false ; }); }); </script>
暂无评论内容