手机号抽奖
<!DOCTYPE html>
<html>
<head>
<title>手机号抽奖程序</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css" >
*:focus {outline: none;}
#textarea{height: 130px;width: 735px;border: 2px solid red;resize: none;}
#result{height:130px;width:735px;border:2px solid red;font-size:120px;}
#start,#end{border:1px solid;border-color:#aaa000 #000 #aaa;width:4em; background: #fc0;}
table input{height:30px;width:155px;border:1px solid red;font-size:25px;}
</style>
</head>
<body>
<center>
<div id="main">
<!-- <div id="phones">
<h1>抽奖号码</h1>
<p>
<textarea id="textarea" oninput="getphones()" placeholder="多个手机号码请用英文逗号隔开" cols="30" rows="10"></textarea>
</p>
</div> -->
<div>
<h1>中奖号码</h1>
<p>
<input id="result" type="text" size="30" disabled="disabled" />
</p>
<p>
<input id="start" type="button" value="开始" onclick="setTimer()" />
<input id="end" type="button" value="停" onclick="clearTimer()" />
</p>
<p><strong>一等奖（10名）</strong></p>
<table width="900" height="80" border="0">
<tr>
<td><input name="text36" type="text" id="36" size="11" disabled="disabled" /></td>
<td><input name="text37" type="text" id="37" size="11" disabled="disabled" /></td>
<td><input name="text38" type="text" id="38" size="11" disabled="disabled" /></td>
<td><input name="text39" type="text" id="39" size="11" disabled="disabled" /></td>
<td><input name="text40" type="text" id="40" size="11" disabled="disabled" /></td>
</tr>
<tr>
<td><input name="text41" type="text" id="41" size="11" disabled="disabled"/></td>
<td><input name="text42" type="text" id="42" size="11" disabled="disabled"/></td>
<td><input name="text43" type="text" id="43" size="11" disabled="disabled"/></td>
<td><input name="text44" type="text" id="44" size="11" disabled="disabled"/></td>
<td><input name="text45" type="text" id="45" size="11" disabled="disabled"/></td>
</tr>
</table>
<p>二等奖（15名）</p>
<table width="900" height="90" border="0">
<tr>
<td><input name="text21" type="text" id="21" size="11" disabled="disabled"/></td>
<td><input name="text22" type="text" id="22" size="11" disabled="disabled"/></td>
<td><input name="text23" type="text" id="23" size="11" disabled="disabled"/></td>
<td><input name="text24" type="text" id="24" size="11" disabled="disabled"/></td>
<td><input name="text25" type="text" id="25" size="11" disabled="disabled"/></td>
</tr>
<tr>
<td><input name="text26" type="text" id="26" size="11" disabled="disabled"/></td>
<td><input name="text27" type="text" id="27" size="11" disabled="disabled"/></td>
<td><input name="text28" type="text" id="28" size="11" disabled="disabled"/></td>
<td><input name="text29" type="text" id="29" size="11" disabled="disabled"/></td>
<td><input name="text30" type="text" id="30" size="11" disabled="disabled"/></td>
</tr>
<tr>
<td><input name="text31" type="text" id="31" size="11" disabled="disabled"/></td>
<td><input name="text32" type="text" id="32" size="11" disabled="disabled"/></td>
<td><input name="text33" type="text" id="33" size="11" disabled="disabled"/></td>
<td><input name="text34" type="text" id="34" size="11" disabled="disabled"/></td>
<td><input name="text35" type="text" id="35" size="11" disabled="disabled"/></td>
</tr>
</table>
<p>三等奖（20名）</p>
<table width="900" height="100" border="0">
<tr>
<td><input name="text1" type="text" id="1" size="11" disabled="disabled"/></td>
<td><input name="text2" type="text" id="2" size="11" disabled="disabled"/></td>
<td><input name="text3" type="text" id="3" size="11" disabled="disabled"/></td>
<td><input name="text4" type="text" id="4" size="11" disabled="disabled"/></td>
<td><input name="text5" type="text" id="5" size="11" disabled="disabled"/></td>
</tr>
<tr>
<td><input name="text6" type="text" id="6" size="11" disabled="disabled"/></td>
<td><input name="text7" type="text" id="7" size="11" disabled="disabled"/></td>
<td><input name="text8" type="text" id="8" size="11" disabled="disabled"/></td>
<td><input name="text9" type="text" id="9" size="11" disabled="disabled"/></td>
<td><input name="text10" type="text" id="10" size="11" disabled="disabled"/></td>
</tr>
<tr>
<td><input name="text11" type="text" id="11" size="11" disabled="disabled"/></td>
<td><input name="text12" type="text" id="12" size="11" disabled="disabled"/></td>
<td><input name="text13" type="text" id="13" size="11" disabled="disabled"/></td>
<td><input name="text14" type="text" id="14" size="11" disabled="disabled"/></td>
<td><input name="text15" type="text" id="15" size="11" disabled="disabled"/></td>
</tr>
<tr>
<td><input name="text16" type="text" id="16" size="11" disabled="disabled"/></td>
<td><input name="text17" type="text" id="17" size="11" disabled="disabled"/></td>
<td><input name="text18" type="text" id="18" size="11" disabled="disabled"/></td>
<td><input name="text19" type="text" id="19" size="11" disabled="disabled"/></td>
<td><input name="text20" type="text" id="20" size="11" disabled="disabled"/></td>
</tr>
</table>
<p> </p>
</div>
</div>
<center>
</body>
<script type="text/javascript">
<!--// global variables
var timer;
var randnum;
var cellnum = 1;
var textarea;
// function getphones(){
// textarea=document.getElementById("textarea").value;
// }
var html="<p>13020000100,13020000101,13020000102,13020000103,13020000104,13020000105,13020000106,13020000107,13020000108,13020000109,13020000110,13020000111,13020000112,13020000113,13020000114,13020000115,13020000116,13020000117,13020000118,13020000119,13020000120,13020000121,13020000122,13020000123,13020000124,13020000125,13020000126,13020000127,13020000128,13020000129,13020000130,13020000131,13020000132,13020000133,13020000134,13020000135,13020000136,13020000137,13020000138,13020000139,13020000140,13020000141,13020000142,13020000143,13020000144,13020000145,13020020146</p><br >";
html=html.replace(/<[^>]+>/g,"");
var mobile=new Array();
mobile=html.split(",");
for(var i=0;i<mobile.length;i++){
mobile[i]=mobile[i];
}
// set data here!!
var num = mobile.length-1;
function getRandNum() {
num = parseInt(num);
var y = GetRnd(0, num);
document.getElementById("result").value = mobile[y];
}
function start() {
clearInterval(timer);
timer = setInterval('change()', 50);
}
function ok() {
clearInterval(timer);
}
function GetRnd(m, n) {
randnum = parseInt(Math.random() * (n - m + 1));
return randnum;
}
function setTimer() {
time = setInterval("getRandNum()", 10);
document.getElementById("start").disabled = true;
document.getElementById("end").disabled = false;
}
function clearTimer() {
noDupNum();
clearInterval(time);
document.getElementById("start").disabled = false;
document.getElementById("end").disabled = true;
setValues();
}
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() {
if(document.getElementById("result").value!="undefined"&&cellnum<=45){
document.getElementById(cellnum).value=document.getElementById("result").value;
}else{
document.getElementById("start").disabled = true;
document.getElementById("end").disabled = true;
}
cellnum++;
}
//-->
</script>
</html>
