javascript 抽奖程序

最新推荐文章于 2022-04-24 15:45:19 发布

madlad

最新推荐文章于 2022-04-24 15:45:19 发布

阅读量636

点赞数 1

分类专栏：学习笔记文章标签： javascript 抽奖

本文链接：https://blog.csdn.net/madlad/article/details/50586831

版权

学习笔记专栏收录该内容

3 篇文章 0 订阅

订阅专栏

今天学习javascript写的，牛人勿喷

抽奖页面

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>幸运抽奖程序</title>
<script src="myScript.js"></script>
<style>
#showMsg{
font-size:50px;
color:red;
}
</style>
</head>
<body>
<br/>
<br/>
抽奖结果:<div id="showMsg"></span></div>
<br/>
<br/>
<button type="button" id="bt_start" onClick="start()">开始</button>
<button type="button" id="bt_stop" onClick="stop()" disabled="disabled">停止</button>
</body>

</html>

myScript.js文件

var timer;
//timer运行次数最大值，递减为0时停止抽奖
var timerCount=500;
var i=0;
//存储开始按钮
var bt_start;
//存储停止按钮
var bt_stop;

//抽奖人名单
var numbers=Array();
numbers[0]="何贤莲";
numbers[1]="王小芒";
numbers[2]="陶桂萍";
numbers[3]="王爱玲";
numbers[4]="王清云";
numbers[5]="陈剑梅";
numbers[6]="杨朝华";
numbers[7]="范茂昌";
numbers[8]="宁德勋";
numbers[9]="代涛";
numbers[10]="许毛";
numbers[11]="庄文芳";
numbers[12]="谭兵";
numbers[13]="胡家祥";
numbers[14]="张景仙";
numbers[15]="张艳";
numbers[16]="邱芳";
numbers[17]="王海燕";
numbers[18]="李伟";
numbers[19]="刘晓萍";
numbers[20]="刘谊";
numbers[21]="王雪梅";
numbers[22]="单训毅";
numbers[23]="万家英";
numbers[24]="孙川琼";
numbers[25]="梁茜";
numbers[26]="尹正榜";
numbers[27]="马力";
numbers[28]="陈咏梅";
numbers[29]="糜祖兰";
numbers[30]="况文惠";
numbers[31]="吴怀宇";
numbers[32]="郑勇";
numbers[33]="晋延兰";
numbers[34]="陈芝云";
numbers[35]="唐玲";
numbers[36]="段盛东";
numbers[37]="张洁";
numbers[38]="柏超";
numbers[39]="周泉";
numbers[40]="彭和";
numbers[41]="王林萍";
numbers[42]="李中玲";
numbers[43]="廖劲松";
numbers[44]="陈忠俊";
numbers[45]="尹天贵";
numbers[46]="杨彬";
numbers[47]="万树梅";
numbers[48]="敖波";
numbers[49]="王婷婷";
//开始函数
function start()
{
//获取开始按钮
bt_start=document.getElementById('bt_start');
//获取停止按钮
bt_stop=document.getElementById('bt_stop');
//获取定时器运行次数，在0到最大值之间
i=Math.round(Math.random()*timerCount);
//禁用开始按钮
bt_start.disabled=true;
//启用停止按钮
bt_stop.disabled=false;
//启动定时器每100毫秒执行一次show函数
timer=setInterval(show,100);
}
//停止函数
function stop()
{
//启用开始按钮
bt_start.disabled=false;
//禁用停止按钮
bt_stop.disabled=true;
//停用定时器timer
clearInterval(timer);
}
//抽奖函数
function show()
{
//没有人点击停止按钮时，计算器抽奖剩余次数为0日停止抽奖
if(i<=0)
{
//停用定时器timer
clearInterval(timer);
}
//获取需要显示人名的索引
var index=Math.round(Math.random()*(numbers.length-1));
//在 showMsg显示抽奖用户名称
document.getElementById('showMsg').innerHTML=numbers[index];
//减少一次抽奖次数
i--;
}

madlad

关注

1
点赞
踩
6

收藏

觉得还不错? 一键收藏
1
评论
javascript 抽奖程序

今天学习javascript写的，牛人勿喷抽奖页面幸运抽奖程序#showMsg{font-size:50px;color:red;}抽奖结果:开始停止myScript.js文件var timer;//timer运行次数最大值，递减为0时停止抽奖var timerCount=500;v
复制链接

扫一扫