JavaScript简单抽奖程序的实现及代码

本文介绍了一个JavaScript实现的简单抽奖程序,包括需求说明和具体代码。程序具备设置最大参与人数、滚动显示中奖号码、防止重复中奖等功能。通过示例代码展示了如何创建动态抽奖效果,并提供了界面元素如开始、停止按钮以及奖项展示。
摘要由CSDN通过智能技术生成

JavaScript简单抽奖程序的实现及代码

1.需求说明

某公司年终抽奖,需要有如下功能

1)可以根据实际情况设置到场人数的最大值

2) 点击“开始”,大屏幕滚动,点击“停止”,获奖者的编号出现在大屏幕上

3)在界面里显示全部奖项获奖人编号

4)不重复获奖

5)不会因为输入错误而导致抽奖结果异常。

2.代码呈上

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 TRANSITIONAL//EN">   
  • <html>   
  • <head>   
  • <title>某公司周年庆抽奖</title>   
  • <meta http-equiv="Content-Type" content="text/html; charset=utf-8">   
  • <script language="javascript">   
  •     var timer;   
  •     var flag = new Array(100);   
  •     var existingnum = new Array(100);   
  •     var clickTimes = 0;   
  •     var randnum;   
  •     var cellnum =1;   
  •     var mobile;   
  •     var num ;   
  •     function check_input(){     
  •         var input = document.getElementById("real_num").value;   
  •         var re = /^[1-9]+[0-9]*]*$/;   
  •         if (!re.test(input)){     
  •             alert("请输入正整数");     
  •             window.location.href=window.location.href;      
  •             return false;     
  •          }   
  •     }     
  •     //get the random numbers from the mobile array every 0.05s   
  •     function setTimer(){   
  •         timer = s
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值