<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!-- id名是唯一的 -->
<button id="start">开始</button>
<button id="end">结束</button>
<h4 id="txt">开始抽奖吧</h4>
<script>
var start=document.getElementById('start');
var end=document.getElementById('end');
var txt=document.getElementById('txt');
//数组
var list=['宋威龙','xxx','黄轩','aaa','bbb','CCC','XXX'];
var timer;
// 点击开始
start.onclick=function(){
// 定时器 setInterval(function(){每隔一段时间,执行的代码},时间ms)
clearInterval(timer);
timer= setInterval(function(){
// 产生随机数 Math.random()*a 产生0-a之间的随机数,含0不含a
var n=parseInt(Math.random()*list.length);
console.log(n);
// 修改html内容
txt.innerHTML=list[n];
},50)
}
// 点击结束
end.onclick=function(){
// 停止定时器clearInterval(定时器名字)
clearInterval(timer)
}
</script>
</body>
</html>