厚道善良守信宽容诚实谦虚正直执着

用Javascript轻松制作抽奖系统

From: http://www.85flash.com/Get/JavaScript/2007-1-6/014227705.htm
许多公司忙着搞年会，会上一般都会有一些抽奖活动，下面的程序就是用JAVASCRIPT 写的一个简单的抽奖系统与大家共享。

　　此代码借鉴了网上的一些网友的代码，又加上了一些诸如不重复抽奖之类的改进。大概思路如下：

　　1.将所有的的抽奖数据（这里为手机号码）存入数组中。
　　2.使用random 函数随机产生该数组的INDEX
　　3.使用setInterval 函数以极短的时间间隔产生该数组随机INDEX所对应的手机号码，并显示。
　　4.使用removeEleAt（index）函数删除随机产生过的手机号码。并且重新组织生成剩余的手机号码为一个新的数组，为下次使用。

　　使用方法：

　　将以下原代码拷到写字板上，然后将txt属性该成html即可。如果出现显示乱码，请改变网页编码（查看--编码）。

　　原代码如下：

<html>

<head>

<title> 2006年会抽奖系统</title>

// 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;

//得到mobile里面任意一个电话号码

function getRandNum(){

document.getElementById("result").value = mobile[GetRnd(0,num)];

}

function start()

{

clearInterval(timer);

timer = setInterval('change()',50);

}

function ok(){

clearInterval(timer);

}

//生成一个随机数介于min和max之间

function GetRnd(min,max){

randnum = parseInt(Math.random()*(max-min+1));

return randnum;

}

//点击开始 setInterval(,10) 用来设置时间间隔

function setTimer(){

timer = setInterval("getRandNum();",10);

document.getElementById("start").disabled = true;

document.getElementById("end").disabled = false;

}

//点击'停'按钮

function clearTimer(){

noDupNum();

//clearInterval(对象) 清除已设置的setInterval对象 javascript事件,

//timer是一个setInterval事件

clearInterval(timer);

//按钮状态改换

document.getElementById("start").disabled = false;

document.getElementById("end").disabled = true;

}

//进行停止的初始化操作 1 实现从数组里面把已经获奖的人员电话号码删除 2 修改数组长度

function noDupNum(){

// to remove the selected mobile phone number

//从数组里面删除 randnum (电话号码)

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

//把电话号码显示到table里面

function setValues(){

//cellnum 从1开始 id用进行命名的

document.getElementById(cellnum).value = document.getElementById("result").value ;

cellnum++;

}

</script>

</head>

<body>

<div>

<p>

<p>

</p>

<tr>

</tr>

<tr>

</tr>

</table>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

</div>

</body>

</html>

修改一下,从数据库里面读数据出来,然后抽奖,这样就是一个完整的项目了

posted @ 2007-05-30 15:08 jhtchina 阅读(2634) 评论(0) 收藏举报

刷新页面返回顶部

厚道 善良 守信 宽容 诚实 谦虚 正直 执着

用Javascript轻松制作抽奖系统

公告

厚道善良守信宽容诚实谦虚正直执着