|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 TRANSITIONAL//EN"> <html> <head> <title> 2007年会抽奖系统</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script language="javascript"> //Mod by david 2007-6-15 // global variables var timer; var randnum; var cellnum =1; var mobile = new Array(); var mobilenum = 46; //set data here! for (var i=0;i< mobilenum; i++) { if (i.length == 1) { mobile[i] = '1302000010'.concat(i); } else { mobile[i] = '130200001'.concat(i); } } var num = mobile.length-1; //set all input text css style function cssLoad(){ var txt = document.getElementsByTagName('input'); for (var i=0; i<txt.length;i++ ) { if (txt[i].type == 'text'&& txt[i].id !='result') { with(txt[i].style) { height = '30px'; width = '190px'; borderWidth = '1px'; borderStyle = 'solid'; borderColor = 'red'; fontSize = '25'; } txt[i].readOnly = true; } } } function getRandNum(){ document.getElementById("result").value = mobile[GetRnd(0,num)]; } //get random index of mobile array function GetRnd(min,max){ randnum = parseInt(Math.random()*(max-min+1)); return randnum; } //start function setTimer(){ timer = setInterval("getRandNum();",10); document.getElementById("start").disabled = true; document.getElementById("end").disabled = false; } //end function clearTimer(){ noDupNum(); clearInterval(timer); document.getElementById("start").disabled = false; document.getElementById("end").disabled = true; } function noDupNum(){ // to remove the selected mobile phone number mobile.removeEleAt(randnum); // to reorganize the mobile number array!! var o = 0; for(p=0; p<mobile.length;p++){ if(typeof mobile[p]!="undefined"){ mobile[o] = mobile[p]; o++; } } num = mobile.length-1; } // method to remove the element in the array Array.prototype.removeEleAt = function(dx) { if(isNaN(dx)||dx>this.length){return false;} this.splice(dx,1); } // set mobile phone numbers to the table cell function setValues(){ document.getElementById(cellnum).value = document.getElementById("result").value ; cellnum++; } </script> </head> <body onload="cssLoad()"> <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;"/></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>一等奖(10名)</strong></p> <table width="946" height="79" border="1"> <tr> <td><input name="text36" type="text" id="36" size="28"/></td> <td><input name="text37" type="text" id="37" size="20"/></td> <td><input name="text38" type="text" id="38" size="20"/></td> <td><input name="text39" type="text" id="39" size="20"/></td> <td><input name="text40" type="text" id="40" size="20"/></td> </tr> <tr> <td><input name="text41" type="text" id="41" size="28"/></td> <td><input name="text42" type="text" id="42" size="20"/></td> <td><input name="text43" type="text" id="43" size="20"/></td> <td><input name="text44" type="text" id="44" size="20"/></td> <td><input name="text45" type="text" id="45" size="20"/></td> </tr> </table> <p>二等奖(15名)</p> <table width="951" height="88" border="1"> <tr> <td><input name="text21" type="text" id="21" size="28"/></td> <td><input name="text22" type="text" id="22" size="20"/></td> <td><input name="text23" type="text" id="23" size="20"/></td> <td><input name="text24" type="text" id="24" size="20"/></td> <td><input name="text25" type="text" id="25" size="20"/></td> </tr> <tr> <td><input name="text26" type="text" id="26" size="28"/></td> <td><input name="text27" type="text" id="27" size="20"/></td> <td><input name="text28" type="text" id="28" size="20"/></td> <td><input name="text29" type="text" id="29" size="20"/></td> <td><input name="text30" type="text" id="30" size="20"/></td> </tr> <tr> <td><input name="text31" type="text" id="31" size="28"/></td> <td><input name="text32" type="text" id="32" size="20"/></td> <td><input name="text33" type="text" id="33" size="20"/></td> <td><input name="text34" type="text" id="34" size="20"/></td> <td><input name="text35" type="text" id="35" size="20"/></td> </tr> </table> <p>三等奖(20名)</p> <table width="961" height="102" border="1"> <tr> <td><input name="text1" type="text" id="1" size="28"/></td> <td><input name="text2" type="text" id="2" size="20"/></td> <td><input name="text3" type="text" id="3" size="20"/></td> <td><input name="text4" type="text" id="4" size="20"/></td> <td><input name="text5" type="text" id="5" size="20"/></td> </tr> <tr> <td><input name="text6" type="text" id="6" size="28"/></td> <td><input name="text7" type="text" id="7" size="20"/></td> <td><input name="text8" type="text" id="8" size="20"/></td> <td><input name="text9" type="text" id="9" size="20"/></td> <td><input name="text10" type="text" id="10" size="20"/></td> </tr> <tr> <td><input name="text11" type="text" id="11" size="28"/></td> <td><input name="text12" type="text" id="12" size="20"/></td> <td><input name="text13" type="text" id="13" size="20"/></td> <td><input name="text14" type="text" id="14" size="20"/></td> <td><input name="text15" type="text" id="15" size="20"/></td> </tr> <tr> <td><input name="text16" type="text" id="16" size="28"/></td> <td><input name="text17" type="text" id="17" size="20"/></td> <td><input name="text18" type="text" id="18" size="20"/></td> <td><input name="text19" type="text" id="19" size="20"/></td> <td><input name="text20" type="text" id="20" size="20"/></td> </tr> </table> <p> </p> <p> </p> <p> </p> </div> </div> <center> </body> </html>
|