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

 更新时间:2006年12月18日 00:00:00   作者:  
作者:jegg 
  年底将至,许多公司忙着搞年会,会上一般都会有一些抽奖活动,下面的程序就是用javascript 写的一个简单的抽奖系统与大家共享。
  此代码借鉴了网上的一些网友的代码,又加上了一些诸如不重复抽奖之类的改进。大概思路如下:
  1.将所有的的抽奖数据(这里为手机号码)存入数组中。
  2.使用random 函数随机产生该数组的INDEX
  3.使用setInterval 函数以极短的时间间隔产生该数组随机INDEX所对应的手机号码,并显示。
      4.使用removeEleAt(index)函数删除随机产生过的手机号码。并且重新组织生成剩余的手机号码为一个新的数组,为下次使用。
  使用方法:
  将以下原代码拷到写字板上,然后将txt属性该成html即可。如果出现显示乱码,请改变网页编码(查看--编码)。
  原代码如下:

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

相关文章

  • JavaScript错误处理和堆栈追踪详解

    JavaScript错误处理和堆栈追踪详解

    这篇文章主要为大家详细介绍了JavaScript错误处理和堆栈追踪的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-04-04
  • 微信小程序基于slider组件动态修改标签透明度的方法示例

    微信小程序基于slider组件动态修改标签透明度的方法示例

    这篇文章主要介绍了微信小程序基于slider组件动态修改标签透明度的方法,可通过slider组件拖动实现图片透明度的改变功能,涉及微信小程序事件绑定、base64格式图片载入及slider组件使用技巧,需要的朋友可以参考下
    2017-12-12
  • 深入了解JavaScript阻塞渲染

    深入了解JavaScript阻塞渲染

    阻塞渲染就是在页⾯中我们通常会引⽤外部⽂件,⽽浏览器在解析HTML页⾯是从上到下依次解析、渲染,如果<head>中引⽤了⼀个a.js⽂件,⽽这个⽂件很⼤或者有问题,需要2秒加载,那么浏览器会停⽌渲染页⾯,2秒后加载完成才会继续渲染,这个就是阻塞
    2022-06-06
  • js重写alert控件(适合学习js的新手朋友)

    js重写alert控件(适合学习js的新手朋友)

    这篇文章主要介绍js重写alert控件的过程比较适合学习js的新手朋友,需要的朋友可以参考下
    2014-08-08
  • ES10 特性的完整指南小结

    ES10 特性的完整指南小结

    这篇文章主要介绍了ES10 特性的完整指南小结,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2019-03-03
  • js简单实现交换Li的值

    js简单实现交换Li的值

    这篇文章主要介绍的是通过js简单实现交换Li的值,需要的朋友可以参考下
    2014-05-05
  • 将string解析为json的几种方式小结

    将string解析为json的几种方式小结

    将string解析为json的几种方式小结,需要的朋友可以参考下。
    2010-11-11
  • 让IE6支持min-width和max-width的方法

    让IE6支持min-width和max-width的方法

    让 IE6 及其以下版本支持 CSS 中 min/max-width/height 属性
    2010-06-06
  • JavaScript数组合并的8种常见方法小结

    JavaScript数组合并的8种常见方法小结

    项目过程中经常会遇到 JS 数组合并的情况,时常为这个纠结,这里整理一下,下面这篇文章主要给大家介绍了关于JavaScript数组合并的8种常见方法,需要的朋友可以参考下
    2022-11-11
  • JavaScript中if、else if、else和switch的语法、用法及注意事项

    JavaScript中if、else if、else和switch的语法、用法及注意事项

    这篇文章主要介绍了JavaScript中的条件判断语句,包括if、elseif、else和switch的基本语法、用法及注意事项,通过这些语句,可以根据不同的条件执行相应的代码块,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2025-04-04

最新评论