jQuery手机跑马灯抽奖特效升级版实现方法(固定抽奖概率)
本文给出了一个jQuery手机跑马灯抽奖特效升级(抽奖概率固定)的实现方法实例。分享给大家参考,如下:
项目说明:九宫格抽奖奖品1-9的特效分别为2%、2%、4%、1%、12%、1%、8%、70%,总概率100%,抽奖奖品每天最多3次。
html部分的代码和css部分的代码和上一节的《jQuery移动端跑马灯抽奖特效》一样,没有修改,但是js部分修改了,增加了概率。
原理很简单,同样是取一个随机数,判断100的哪个数组是0-2,2-4,4-8,8-9,9-21,21-22,22-30,30-100,哪个奖可以随机判断。
该代码在《jQuery移动端跑马灯抽奖特效》 js的先前代码中添加了一个数学函数,如下所示:
函数math _ f(math){ if(math 0 math 2){ console . log('恭喜中奖1 ')两次=1;} else if(数学=2数学=4) {console.log('恭喜中奖2 ')两次=2;} else if(数学=4maths8) {console.log('恭喜中奖3 ')两次=3;} else if(数学=8maths9) {console.log('恭喜中奖4 ')两次=4;} else if(数学=9条21条){console.log('恭喜中奖5 ')两次=5;} else if(数学=21maths22) {console.log('恭喜中奖6 ')两次=6;} else if(数学=22数学30) {console.log('恭喜中奖7 ')两次=7;} else if(数学=30maths100) {console.log('恭喜中奖8 ')两次=8;} light();}start()功能也被修改为:
$('.开始’)。click(function(){ if(click num 0){ click=false;数学=(math . random()* 100);console.log(数学)数学_f(数学);} else { return false}});剩下的你自己改。
更多对jQuery感兴趣的读者,请查看本站话题:《jQuery操作DOM节点方法总结》、《jQuery扩展技巧总结》、《jQuery常用插件及用法总结》、《jQuery表格(table)操作技巧汇总》、《jquery中Ajax用法总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》、《jquery选择器用法总结》。
希望本文对大家的jQuery程序设计有所帮助。
版权声明:jQuery手机跑马灯抽奖特效升级版实现方法(固定抽奖概率)是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。