当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 用Javascript轻松制作抽奖系统

Javascript
Javascript array类 数组操作方法
JavaScript 权威指南(第四版) 读书笔记
JQuery jsonp 使用示例代码
JavaScript 十六进制RGB色码转换器
一些不错的JS 自定义函数
javascript 不停(setInterval)/延时(setTimeout)函数使用实例
JS 添加删除元素的实现代码
jQuery 判断页面元素是否存在的代码
css+js完美控制图片大小
获取 textarea 标签第n行的文字的js代码
JavaScript 提升运行速度之循环篇 译文
js中的window.open返回object的错误的解决方法
javascript 客户端验证上传图片的大小（兼容IE和火狐）
用JavaScript将从数据库中读取出来的日期型格式化为想要的类型。
javascript addBookmark 加入收藏 多浏览器兼容
javascript 无提示关闭窗口脚本
jQuery select控制插件
jquery 入门教程 [翻译] 推荐
调用js时ie6和ie7，ff的区别
斜45度寻路实现函数

No. « 152 153 154 155 »

技术文章搜索

关键字

用Javascript轻松制作抽奖系统

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2009-11-04   浏览: 532 ::
收藏到网摘: n/a

　年底将至，许多公司忙着搞年会，会上一般都会有一些抽奖活动，下面的程序就是用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;
 
}
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]