jQuery移動端跑馬燈抽獎特效升級版(抽獎概率固定)實現(xiàn)方法
本文實例講述了jQuery移動端跑馬燈抽獎特效升級版(抽獎概率固定)實現(xiàn)方法。分享給大家供大家參考,具體如下:
項目描述:九宮格的跑馬燈抽獎特效,抽中獎品1-9的概率分別是2%,2%,4%,1%,12%,1%,8%,70%,概率總計100%,并且每天抽獎次數(shù)最多為3次。
html部分的代碼和css部分的代碼和上一節(jié)《jQuery移動端跑馬燈抽獎特效》一樣,沒有修改,js部分有修改,增加了概率。
原理很簡單,同樣是取隨機數(shù),判斷這個隨機數(shù)的大小在100的0-2,2-4,4-8,8-9,9-21,21-22,22-30,30-100之間的哪一個數(shù)組內(nèi),隨機就可判斷中哪個獎項。
代碼在前面一篇《jQuery移動端跑馬燈抽獎特效》js的代碼上面增加了一個maths_f()函數(shù),如下:
function maths_f(maths){ if(maths>0&&maths<2){ console.log('恭喜獲得獎品1') twice=1; }else if(maths>=2&&maths<=4){ console.log('恭喜獲得獎品2') twice=2; }else if(maths>=4&&maths<8){ console.log('恭喜獲得獎品3') twice=3; }else if(maths>=8&&maths<9){ console.log('恭喜獲得獎品4') twice=4; }else if(maths>=9&&maths<21){ console.log('恭喜獲得獎品5') twice=5; }else if(maths>=21&&maths<22){ console.log('恭喜獲得獎品6') twice=6; }else if(maths>=22&&maths<30){ console.log('恭喜獲得獎品7') twice=7; }else if(maths>=30&&maths<100){ console.log('恭喜獲得獎品8') twice=8; } light(); }
start()
函數(shù)也有修改,修改為:
$('.start').click(function() { if(click&&num>0) { click = false; maths = (Math.random() * 100); console.log(maths) maths_f(maths); } else { return false; } });
其他的自己看著改吧。
更多關(guān)于jQuery相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《jQuery操作DOM節(jié)點方法總結(jié)》、《jQuery擴展技巧總結(jié)》、《jQuery常用插件及用法總結(jié)》、《jQuery表格(table)操作技巧匯總》、《jquery中Ajax用法總結(jié)》、《jQuery常見經(jīng)典特效匯總》、《jQuery動畫與特效用法總結(jié)》及《jquery選擇器用法總結(jié)》
希望本文所述對大家jQuery程序設(shè)計有所幫助。
相關(guān)文章
淺談jQuery中對象遍歷.eq().first().last().slice()方法
本文給大家分析了jQuery中的對象遍歷.eq().first().last().slice()方法的使用,以及他們之間的區(qū)別,jQuery源碼中的使用。2014-11-11基于jquery實現(xiàn)滾輪放大縮小圖片的函數(shù)代碼
這篇文章主要介紹了基于jquery實現(xiàn)滾輪放大縮小圖片的函數(shù)代碼,需要的朋友可以參考下2023-05-05使用jQuery fancybox插件打造一個實用的數(shù)據(jù)傳輸模態(tài)彈出窗體
模態(tài)窗體已經(jīng)成為Web開發(fā)人員設(shè)計界面時經(jīng)常要使用的傳輸數(shù)據(jù)的方式;通過模態(tài)窗口,可以提高網(wǎng)站的可用性;你可以在你的郵件里收到用戶發(fā)送的反饋消息2013-01-01使用jQueryMobile實現(xiàn)滑動翻頁效果的方法
這篇文章主要介紹了使用jQueryMobile實現(xiàn)滑動翻頁效果的方法,較為詳細的分析了jQueryMobile實現(xiàn)滑動翻頁效果的原理與實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-02-02