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

最新推荐文章于 2024-11-28 15:13:56 发布

SPARK_NET_

最新推荐文章于 2024-11-28 15:13:56 发布

阅读量1.4k

点赞数

CC 4.0 BY-SA版权

文章标签： android google java学习 java面试题

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.youkuaiyun.com/u014714340/article/details/45822207

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

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

1.需求说明

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

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

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

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

4）不重复获奖

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

2.代码呈上

<!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 = setInterval("getRandNum();",50);
document.getElementById("start").disabled = true;
document.getElementById("end").disabled = false;
} &

最低0.47元/天解锁文章

200万优质内容无限畅学

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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