參考下面代碼
創(chuàng)新互聯(lián)主營(yíng)定南網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營(yíng)網(wǎng)站建設(shè)方案,成都APP應(yīng)用開(kāi)發(fā),定南h5成都微信小程序搭建,定南網(wǎng)站營(yíng)銷推廣歡迎定南等地區(qū)企業(yè)咨詢
!--效果html開(kāi)始--
div id="lottery"
table border="0" cellpadding="0" cellspacing="0"
tr
td class="lottery-unit lottery-unit-0"img src="images/1.png"/td
td class="lottery-unit lottery-unit-1"img src="images/2.png"/td
td class="lottery-unit lottery-unit-2"img src="images/4.png"/td
td class="lottery-unit lottery-unit-3"img src="images/3.png"/td
/tr
tr
td class="lottery-unit lottery-unit-11"img src="images/7.png"/td
td colspan="2" rowspan="2"a href="#"/a/td
td class="lottery-unit lottery-unit-4"img src="images/5.png"/td
/tr
tr
td class="lottery-unit lottery-unit-10"img src="images/1.png"/td
td class="lottery-unit lottery-unit-5"img src="images/6.png"/td
/tr
tr
td class="lottery-unit lottery-unit-9"img src="images/3.png"/td
td class="lottery-unit lottery-unit-8"img src="images/6.png"/td
td class="lottery-unit lottery-unit-7"img src="images/8.png"/td
td class="lottery-unit lottery-unit-6"img src="images/7.png"/td
/tr
/table
/div
js部分
script type="text/javascript" src="jquery-1.8.3.min.js"/script
script type="text/javascript"
var lottery={
index:-1, //當(dāng)前轉(zhuǎn)動(dòng)到哪個(gè)位置,起點(diǎn)位置
count:0, //總共有多少個(gè)位置
timer:0, //setTimeout的ID,用clearTimeout清除
speed:20, //初始轉(zhuǎn)動(dòng)速度
times:0, //轉(zhuǎn)動(dòng)次數(shù)
cycle:50, //轉(zhuǎn)動(dòng)基本次數(shù):即至少需要轉(zhuǎn)動(dòng)多少次再進(jìn)入抽獎(jiǎng)環(huán)節(jié)
prize:-1, //中獎(jiǎng)位置
init:function(id){
if ($("#"+id).find(".lottery-unit").length0) {
$lottery = $("#"+id);
$units = $lottery.find(".lottery-unit");
this.obj = $lottery;
this.count = $units.length;
$lottery.find(".lottery-unit-"+this.index).addClass("active");
};
},
roll:function(){
var index = this.index;
var count = this.count;
var lottery = this.obj;
$(lottery).find(".lottery-unit-"+index).removeClass("active");
index += 1;
if (indexcount-1) {
index = 0;
};
$(lottery).find(".lottery-unit-"+index).addClass("active");
this.index=index;
return false;
},
stop:function(index){
this.prize=index;
return false;
}
};
function roll(){
lottery.times += 1;
lottery.roll();
if (lottery.times lottery.cycle+10 lottery.prize==lottery.index) {
clearTimeout(lottery.timer);
lottery.prize=-1;
lottery.times=0;
click=false;
}else{
if (lottery.timeslottery.cycle) {
lottery.speed -= 10;
}else if(lottery.times==lottery.cycle) {
var index = Math.random()*(lottery.count)|0;
lottery.prize = index;
}else{
if (lottery.times lottery.cycle+10 ((lottery.prize==0 lottery.index==7) || lottery.prize==lottery.index+1)) {
lottery.speed += 110;
}else{
lottery.speed += 20;
}
}
if (lottery.speed40) {
lottery.speed=40;
};
//console.log(lottery.times+'^^^^^^'+lottery.speed+'^^^^^^^'+lottery.prize);
lottery.timer = setTimeout(roll,lottery.speed);
}
return false;
}
var click=false;
window.onload=function(){
lottery.init('lottery');
$("#lottery a").click(function(){
if (click) {
return false;
}else{
lottery.speed=100;
roll();
click=true;
return false;
}
});
};
/script
用線程控制,第一次點(diǎn)開(kāi)始隨機(jī)函數(shù),再次點(diǎn)的時(shí)候停止線程運(yùn)行,并輸出最后一次運(yùn)行隨機(jī)函數(shù)的值
用戶積分是后臺(tái)傳遞給你的,
你設(shè)置一個(gè)變量存起來(lái)判斷就OK
如 var n = obj
if(n 20){}