js 룰렛 추첨 게임 인 스 턴 스 실현

본 논문 의 사례 는 js 가 룰렛 추첨 게임 을 실현 하 는 것 을 서술 하 였 다.모두 에 게 참고 하도록 공유 하 다.구체 적 인 실현 방법 은 다음 과 같다.

12345
166
157
148
131211109
정지 할 위 치 를 나타 내 는 정수 1 - 16 을 입력 하 십시오.

/*
* 좌우 양쪽 의 빈 칸 삭제 & \ # 13;
*/
function Trim(str){
return str.replace(/(^\s*)|(\s*$)/g, "");
}
/*
* 배열 & \ # 13 을 정의 합 니 다.
*/
function GetSide(m,n){
/ / 배열 초기 화 & \ # 13;
var arr = [];
for(var i=0;i<m;i++){
arr.push([]);
for(var j=0;j<n;j++){
arr[i][j]=i*n+j;
}
}
/ / 배열 의 가장 바깥쪽 & \ # 13 가 져 오기;
var resultArr=[];
var tempX=0,
tempY=0,
direction="Along",
count=0;
while(tempX>=0 && tempX<n && tempY>=0 && tempY<m && count<m*n)
{
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, / 현재 밝 은 영역 위치 & \ # 13;
prevIndex = 0, / / 앞 자리 & \ # 13;
속도 = 300, / / 초기 속도 & \ # 13;
시간, / / 정의 대상 & \ # 13;
arr = GetSide (5, 5), / / 배열 초기 화 & \ # 13;
EndIndex = 0, / / 어느 칸 에서 느 려 질 지 결정 합 니 다 & \ # 13;
tb = document. getElementById ("tb"), / / tb 대상 가 져 오기 & \ # 13;
cycle = 0, / / 회전 권 수 & \ # 13;
EndCycle = 0, / / 계산 권 수 & \ # 13;
flag = false, / / 회전 표지 종료 & \ # 13;
quick=0; //가속 & \ # 13;
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){
/ / 주마등 변속 & \ # 13;
if(flag==false){
/ / 다섯 칸 을 걸 으 면 가속 시작 & \ # 13;
if(quick==5){
clearInterval(Time);
Speed=50;
Time=setInterval(Star,Speed);
}
/ / N 바퀴 뛰 기 감속 & \ # 13;
if(cycle==EndCycle+1 && index==EndIndex){
clearInterval(Time);
Speed=300;
flag = true; / / 트리거 종료 & \ # 13;
Time=setInterval(Star,Speed);
}
}
if(index>=arr.length){
index=0;
cycle++;
}
/ / 회전 을 끝내 고 번호 선택 & \ # 13;
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.onload=function(){
Time = setInterval(Star,Speed);
}
*/
본 논문 에서 말 한 것 이 여러분 의 자바 script 프로 그래 밍 에 도움 이 되 기 를 바 랍 니 다.