jQuery 抽獎輪盤怎么播放音樂

頁面載入時音樂就要加載就緒。

創(chuàng)新互聯(lián)專注于企業(yè)成都全網(wǎng)營銷推廣、網(wǎng)站重做改版、亳州網(wǎng)站定制設(shè)計、自適應(yīng)品牌網(wǎng)站建設(shè)、H5高端網(wǎng)站建設(shè)、商城網(wǎng)站建設(shè)、集團公司官網(wǎng)建設(shè)、外貿(mào)網(wǎng)站建設(shè)、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計等建站業(yè)務(wù)，價格優(yōu)惠性價比高，為亳州等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。

點擊轉(zhuǎn)動時開始動畫效果并播放音樂，

html5

audio src="1.mp3"/audio

div轉(zhuǎn)盤/div

button抽獎/button

jquery

$('button').click(

function(){

$('audio').play();

$('div').animate({'rotate','xxxdeg'},500);

}

)

jquery如何用按鈕控制抽獎停止和開始

用線程控制，第一次點開始隨機函數(shù)，再次點的時候停止線程運行，并輸出最后一次運行隨機函數(shù)的值

jquery九宮格抽獎怎么控制停止位置

參考下面代碼

!--效果html開始--

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, //當前轉(zhuǎn)動到哪個位置，起點位置

count:0, //總共有多少個位置

timer:0, //setTimeout的ID，用clearTimeout清除

speed:20, //初始轉(zhuǎn)動速度

times:0, //轉(zhuǎn)動次數(shù)

cycle:50, //轉(zhuǎn)動基本次數(shù)：即至少需要轉(zhuǎn)動多少次再進入抽獎環(huán)節(jié)

prize:-1, //中獎位置

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