用Javascript轻松制作一套简单的抽奖系统

您现在的位置：动力中国 >> 网页制作 >> Javascript教程 >> 文章正文

用Javascript轻松制作一套简单的抽奖系统

http://www.domcn.org 文章来源：本站收藏点击数：

关键字:用Javascript轻松制作一套简单的抽奖系统

作者：jegg
　　年底将至，许多公司忙着搞年会，会上一般都会有一些抽奖活动，下面的程序就是用JAVASCRIPT 写的一个简单的抽奖系统与大家共享。

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

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

　　使用方法：

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

　　原代码如下：

<!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.0 TRANSITIONAL//EN>
<html>
<head>
<title> 2006年会抽奖系统</title>
<meta http-equiv=Content-Type content=text/html; charset=utf-8>
<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;

}