首页 ??? 网页设计教程 ??? 利用JS简单制作抽奖系统

利用JS简单制作抽奖系统

浏览数:共 1617 次 ? ? 评论:共 0 条 ? ? 发布日期:2012-04-12 ? ? 分类:javascript

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

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

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

  使用方法:

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

  原代码如下:


2006年会抽奖系统
?
?

中奖号码

?
?

?
?

?
?
?

一等奖(10名)

?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?

二等奖(15名)

?
?


?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?

三等奖(20名)

?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?

?

?

?
?

上一篇:网页最简短的拖动对象源码实例演示