用Javascript轻松制作抽奖系统

2016-01-29 11:27 63 1 收藏

用Javascript轻松制作抽奖系统,用Javascript轻松制作抽奖系统

【 tulaoshi.com - Javascript 】

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

来源:https://www.tulaoshi.com/n/20160129/1482413.html

延伸阅读
用PPT如何打造抽奖效果   用PPT打造抽奖效果的教程: 是调整好格式存为word后,用PPT打开word文件 着重强调是在母版视图里 效果图 男神抽奖版 怎么在PPT2010中添加动作按钮   打开幻灯片文件,然后在菜单栏中点击"插入",打开插入工具栏,之后在插入工具栏中...
标签: 电脑入门
爱好卡拉OK的朋友一定见过一些有档次的卡拉OK厅里有一种价值不菲的电脑点歌系统,该系统可以根据歌曲的字数,歌曲第一个字的拼音,歌手的名字或乐队、组合的名称以及歌曲的分类(如民歌、儿歌、地方戏曲)快速找到你想点的歌曲。如果你有一台电脑,你的电脑带有一个海量硬盘(20G或更大),那么你就可以用PowerPoint自己动手做一个这样的点歌系统,...
标签: 电脑入门
1、图章轮廓选择插入→图片→自选图形,在绘图工具栏中选择椭圆,按下Sfift键在文档中拖出一个圆,双击图形设置为无填充色,线条宽度为2磅,颜色为红色,叠放次序为最底层。 2、点击插入菜单,选图片中的艺术字一行三列,输入如:响水县特殊教育学校 3、按住:Alt键拖至需要的位置。 4、在自选图形选中 5、全选组合 一、制作公章...
标签: Web开发
我们在实际做的过程中很是简单的,希望大家好好研究一下,给补充多点功能。本程序须在PHP and mySQL的环境下运行。有三个文件:comments.php, 是用来显示评论的, commentadd.php, 用来处理评论内容的, commentform.html 通过FROM来提交评论。 1.首先建立一个数据库,如果已经建立则建立一个符合条件的表: CREATE TABLE `comtbl`...
标签: Java JAVA基础
我们一般都用Marquee标签控制元素的滚动。但是单向的Marquee滚动是不连续的,每滚完一幕,就会出现一次空白。而下面介绍中的滚动则是连续的,毫不间断。 下面小阳为你介绍这是如何实现的。 为了滚动能够“连续”,我们需要将字幕的内容复制多遍,直到内容的高度不小于滚 动区高度的两倍。然后我们将溢出的滚动条隐藏掉,用代码控制滚...

经验教程

486

收藏

86
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部