/p>

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

js抽獎

td{width:50px;height:50px;border:3px solid #ccc;text-align:center;vertical-align:middle}

1	2	3	4	5
16				6
15				7
14				8
13	12	11	10	9

請輸入1-16其中一位整數，代表要停止的位置

/*

* 刪除左右兩端的空格

*/

function Trim(str){

return str.replace(/(^\s*)|(\s*$)/g, "");

}

/*

* 定義數組

*/

function GetSide(m,n){

//初始化數組

var arr = [];

for(var i=0;i

arr.push([]);

for(var j=0;j

arr[i][j]=i*n+j;

}

}

//獲取數組最外圈

var resultArr=[];

var tempX=0,

tempY=0,

direction="Along",

count=0;

while(tempX>=0 && tempX=0 && tempY

{

count++;

resultArr.push([tempY,tempX]);

if(direction=="Along"){

if(tempX==n-1)

tempY++;

else

tempX++;

if(tempX==n-1&&tempY==m-1)

direction="Inverse"

}

else{

if(tempX==0)

tempY--;

else

tempX--;

if(tempX==0&&tempY==0)

break;

}

}

return resultArr;

}

var index=0, //當前亮區位置

prevIndex=0, //前一位置

Speed=300, //初始速度

Time, //定義對象

arr = GetSide(5,5), //初始化數組

EndIndex=0, //決定在哪一格變慢

tb = document.getElementById("tb"), //獲取tb對象

cycle=0, //轉動圈數

EndCycle=0, //計算圈數

flag=false, //結束轉動標志

quick=0; //加速

function StartGame(){

cycle=0;

flag=false;

EndIndex=Math.floor(Math.random()*16);

//EndCycle=Math.floor(Math.random()*4);

EndCycle=1;

Time = setInterval(Star,Speed);

}

function Star(num){

//跑馬燈變速

if(flag==false){

//走五格開始加速

if(quick==5){

clearInterval(Time);

Speed=50;

Time=setInterval(Star,Speed);

}

//跑N圈減速

if(cycle==EndCycle+1 && index==EndIndex){

clearInterval(Time);

Speed=300;

flag=true; //觸發結束

Time=setInterval(Star,Speed);

}

}

if(index>=arr.length){

index=0;

cycle++;

}

//結束轉動并選中號碼

if(flag==true && index==parseInt(Trim(document.getElementById("txtnum").value))-1){

quick=0;

clearInterval(Time);

}

tb.rows[arr[index][0]].cells[arr[index][1]].style.border="3px solid red";

if(index>0)

prevIndex=index-1;

else{

prevIndex=arr.length-1;

}

tb.rows[arr[prevIndex][0]].cells[arr[prevIndex][1]].style.border="3px solid #ccc";

index++;

quick++;

}

/*

window.οnlοad=function(){

Time = setInterval(Star,Speed);

}

*/

總結

以上是生活随笔為你收集整理的html做一个抽奖游戏,js实现大转盘抽奖游戏实例的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。