一个JS做的抽奖系统,我做了点修改。
2007-06-15 16:35
246 查看
<!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;" />
<input id="end" type="button" value="停" style="border: 1px solid; border-color: #aaa 000 #000 #aaa;width:4em; background: #fc0;" 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>
<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;" />
<input id="end" type="button" value="停" style="border: 1px solid; border-color: #aaa 000 #000 #aaa;width:4em; background: #fc0;" 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>
相关文章推荐
- JS实现一个简单的抽奖系统
- XP系统安装ArcGIS10.0需要修改的一个配置
- 关于js修改css属性的一个小问题
- 关于js拖拽上传 [一个拖拽上传修改头像的流程]
- 修改后的抽奖系统
- 忙活了一周时间,开发了一个年会抽奖系统,免费开放给大家(含操作视频及下载地址)
- js实现:点击一个按钮,弹出一个div,并向其中传值,修改后,再传出
- 开源一个:短信抽奖系统
- 在16aspx.com上下了一个简单商品房销售系统源码,怎么修改它的默认登录名和密码
- 在Android系统中修改Android.mk使其同时编译rgb2565和rgb2888(向out/host/linux-x86/bin/下新增加一个工具命令)
- HWND_BROADCAST的一个用法——修改环境变量,立即通知系统
- 在Android系统中修改Android.mk使其同时编译rgb2565和rgb2888(向out/host/linux-x86/bin/下新增加一个工具命令)【转】
- 年终抽奖系统—修改项目名称
- 一个前端写的php博客系统3--文章的修改和删除
- 【通讯录系统】:实现一个通讯录(可添加、删除、修改、查找、显示、清空、排序)
- 一个命令修改Linux系统时区
- 修改initrd,创建一个微型的linux系统
- docker里下的centos是一个只读文件系统?我修改/etc/hosts都修改不了,怎么破
- js 修改必须只有一个入口
- C#保留2位小数几种场景总结 游标遍历所有数据库循环执行修改数据库的sql命令 原生js轮盘抽奖实例分析(幸运大转盘抽奖) javascript中的typeof和类型判断