用Javascript轻松制作抽奖系统
年底将至,许多公司忙着搞年会,会上一般都会有一些抽奖活动,下面的程序就是用JAVASCRIPT 写的一个简单的抽奖系统与大家共享。
此代码借鉴了网上的一些网友的代码,又加上了一些诸如不重复抽奖之类的改进。大概思路如下:
1.将所有的的抽奖数据(这里为手机号码)存入数组中。
2.使用random 函数随机产生该数组的INDEX
3.使用setInterval 函数以极短的时间间隔产生该数组随机INDEX所对应的手机号码,并显示。
4.使用removeEleAt(index)函数删除随机产生过的手机号码。并且重新组织生成剩余的手机号码为一个新的数组,为下次使用。
使用方法:
将以下原代码拷到写字板上,然后将txt属性该成html即可。如果出现显示乱码,请改变网页编码(查看--编码)。
原代码如下:
中奖号码
red;font-size:120;" readonly/>
000 #000 #aaa;width:4em; background: #fc0;" onclick="setTimer()" />
#000 #aaa;width:4em; background: #fc0;"onclick="clearTimer();setValues();" disabled/>
一等奖(10名)
solid red;font-size:25;" size="28" readonly/> | solid red;font-size:25;" size="20" readonly/> | solid red;font-size:25;" size="20" readonly/> | solid red;font-size:25;" size="20" readonly/> | solid red;font-size:25;" size="20" readonly/> |
solid red;font-size:25;" size="28" readonly/> | solid red;font-size:25;" size="20" readonly/> | solid red;font-size:25;" size="20" readonly/> | solid red;font-size:25;" size="20" readonly/> | solid red;font-size:25;" size="20" readonly/> |
二等奖(15名)
solid red;font-size:25;" size="28" readonly/> | solid red;font-size:25;" size="20" readonly/> | solid red;font-size:25;" size="20" readonly/> | solid red;font-size:25;" size="20" readonly/> | solid red;font-size:25;" size="20" readonly/> |
solid red;font-size:25;" size="28" readonly/> | solid red;font-size:25;" size="20" readonly/> | solid red;font-size:25;" size="20" readonly/> | solid red;font-size:25;" size="20" readonly/> | solid red;font-size:25;" size="20" readonly/> |
solid red;font-size:25;" size="28" readonly/> | solid red;font-size:25;" size="20" readonly/> | solid red;font-size:25;" size="20" readonly/> | solid red;font-size:25;" size="20" readonly/> | solid red;font-size:25;" size="20" readonly/> |
三等奖(20名)
red;font-size:25;" size="28" readonly/> | red;font-size:25;" size="20" readonly/> | red;font-size:25;" size="20" readonly/> | red;font-size:25;" size="20" readonly/> | red;font-size:25;" size="20" readonly/> |
red;font-size:25;" size="28" readonly/> | red;font-size:25;" size="20" readonly/> | red;font-size:25;" size="20" readonly/> | red;font-size:25;" size="20" readonly/> | solid red;font-size:25;" size="20" readonly/> |
solid red;font-size:25;" size="28" readonly/> | solid red;font-size:25;" size="20" readonly/> | solid red;font-size:25;" size="20" readonly/> | solid red;font-size:25;" size="20" readonly/> | solid red;font-size:25;" size="20" readonly/> |
solid red;font-size:25;" size="28" readonly/> | solid red;font-size:25;" size="20" readonly/> | solid red;font-size:25;" size="20" readonly/> | solid red;font-size:25;" size="20" readonly/> | solid red;font-size:25;" size="20" readonly/> |
因本文不是用Markdown格式的编辑器书写的,转换的页面可能不符合MIP标准。