집 >웹 프론트엔드 >JS 튜토리얼 >자바스크립트를 이용해 간단한 복권을 쉽게 만들어보세요. system_javascript 스킬

자바스크립트를 이용해 간단한 복권을 쉽게 만들어보세요. system_javascript 스킬

WBOY원래의: 2016-05-16 19:23:161362검색

작성자: jegg
연말이 다가오고 많은 회사들이 연례회의를 개최하느라 바쁘게 지내고 있습니다. 일반적으로 회의에서 추첨 활동이 있을 예정입니다. 다음 프로그램은 모든 사람과 공유하기 위해 자바스크립트로 작성된 간단한 추첨 시스템입니다.
이 코드는 인터넷상의 일부 네티즌들의 코드를 차용하고, 반복추첨 불가 등 일부 개선점을 추가한 것입니다. 일반적인 아이디어는 다음과 같습니다.
1. 모든 로또 데이터(여기서는 휴대폰 번호)를 배열에 저장합니다.
2. Random 함수를 사용하여 배열의 INDEX를 무작위로 생성합니다
3. setInterval 함수를 사용하여 매우 짧은 시간 간격으로 배열의 임의의 INDEX에 해당하는 휴대폰 번호를 생성하여 표시합니다.
4. 무작위로 생성된 휴대폰 번호를 삭제하려면 RemoveEleAt(index) 함수를 사용하세요. 그리고 다음 사용을 위해 나머지 휴대폰 번호를 새로운 배열로 재구성하고 생성합니다.
사용방법 :
아래 원본코드를 글쓰기판에 복사한 후, txt 속성을 html로 변경하세요. 글자가 깨져 보이는 경우 웹페이지 인코딩을 변경하세요(보기 - 인코딩).
원본 코드는 다음과 같습니다.

<center>
<div>
</div> <div id="main">
<div>
 <h1>
 </h1>당첨번호<p>
  
 <input id="result" type="text" size="30" style="height:130px;width:800px;border:2px solid red;font- 
size:120;" readonly>
 </p>
<p>
 <input id="start" type="button" value="开始" style="border: 1px solid; border-color: #aaa 000 #000  
#aaa;width:4em; background: #fc0;" onclick="setTimer()">
 <input id="end" type="button" value="停" style="border: 1px solid; border-color: #aaa 000 #000  
#aaa;width:4em; background: #fc0;" onclick="clearTimer();setValues();" disabled>
 </p>
<p>
 <strong></strong>우수상(10명)</p>
<table width="946" height="79" border="1"> 
 <tr> 
 <td><input name="text36" type="text" id="36" style="height:30px;width:190px;border:1px solid red;font- 
size:25;" size="28" readonly></td> 
 <td><input name="text37" type="text" id="37" style="height:30px;width:190px;border:1px solid red;font- 
size:25;" size="20" readonly></td> 
 <td><input name="text38" type="text" id="38" style="height:30px;width:190px;border:1px solid red;font- 
size:25;" size="20" readonly></td> 
 <td><input name="text39" type="text" id="39" style="height:30px;width:190px;border:1px solid red;font- 
size:25;" size="20" readonly></td> 
 <td><input name="text40" type="text" id="40" style="height:30px;width:190px;border:1px solid red;font- 
size:25;" size="20" readonly></td> 
 </tr> 
 <tr> 
 <td><input name="text41" type="text" id="41" style="height:30px;width:190px;border:1px solid red;font- 
size:25;" size="28" readonly></td> 
 <td><input name="text42" type="text" id="42" style="height:30px;width:190px;border:1px solid red;font- 
size:25;" size="20" readonly></td> 
 <td><input name="text43" type="text" id="43" style="height:30px;width:190px;border:1px solid red;font- 
size:25;" size="20" readonly></td> 
 <td><input name="text44" type="text" id="44" style="height:30px;width:190px;border:1px solid red;font- 
size:25;" size="20" readonly></td> 
 <td><input name="text45" type="text" id="45" style="height:30px;width:190px;border:1px solid red;font- 
size:25;" size="20" readonly></td> 
 </tr> 
 </table>
 <script language="javascript"> 
  
// global variables  
var timer; 
var flag = new Array(100); 
var existingnum = new Array(100); 
var clickTimes = 0; 
var randnum; 
var cellnum =1; 
var mobile = new Array(); 
// set data here!! 
mobile[0]=13020000100; 
mobile[1]=13020000101; 
mobile[2]=13020000102; 
mobile[3]=13020000103; 
mobile[4]=13020000104; 
mobile[5]=13020000105; 
mobile[6]=13020000106; 
mobile[7]=13020000107; 
mobile[8]=13020000108; 
mobile[9]=13020000109; 
mobile[10]=13020000110; 
mobile[11]=13020000111; 
mobile[12]=13020000112; 
mobile[13]=13020000113; 
mobile[14]=13020000114; 
mobile[15]=13020000115;

mobile[16]=13020000116; 
mobile[17]=13020000117; 
mobile[18]=13020000118; 
mobile[19]=13020000119; 
mobile[20]=13020000120; 
mobile[21]=13020000121; 
mobile[22]=13020000122; 
mobile[23]=13020000123; 
mobile[24]=13020000124; 
mobile[25]=13020000125; 
mobile[26]=13020000126; 
mobile[27]=13020000127; 
mobile[28]=13020000128; 
mobile[29]=13020000129; 
mobile[30]=13020000130; 
mobile[31]=13020000131; 
mobile[32]=13020000132; 
mobile[33]=13020000133; 
mobile[34]=13020000134; 
mobile[35]=13020000135; 
mobile[36]=13020000136; 
mobile[37]=13020000137; 
mobile[38]=13020000138; 
mobile[39]=13020000139; 
mobile[40]=13020000140; 
mobile[41]=13020000141; 
mobile[42]=13020000142; 
mobile[43]=13020000143; 
mobile[44]=13020000144; 
mobile[45]=13020000145; 
mobile[46]=13020020146; 
var num = mobile.length-1; 
function getRandNum(){ 
document.getElementById("result").value = mobile[GetRnd(0,num)]; 
} 
function start(){ 
clearInterval(timer); 
timer = setInterval('change()',50);  
} 
function ok(){ 
clearInterval(timer); 
} 
function GetRnd(min,max){ 
  
randnum = parseInt(Math.random()*(max-min+1)); 
return randnum; 
} 
function setTimer(){ 
 timer = setInterval("getRandNum();",10); 
 document.getElementById("start").disabled = true; 
 document.getElementById("end").disabled = false; 
} 
function clearTimer(){ 
 noDupNum(); 
 clearInterval(timer); 
 document.getElementById("start").disabled = false; 
 document.getElementById("end").disabled = true; 
  
}

</center>
</center>

[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다 ]

성명：

이전 기사：자바스크립트 MD4_기본다음 기사：자바스크립트 MD4_기본

자바스크립트를 이용해 간단한 복권을 쉽게 만들어보세요. system_javascript 스킬

관련 기사