抽奖

最新推荐文章于 2023-02-19 11:07:57 发布

颓默

最新推荐文章于 2023-02-19 11:07:57 发布

阅读量198

点赞数

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
.box{
width: 300px;
padding: 20px 30px;
border: 1px solid #999;
}
</style>

</head>
<body>
<div class="box">

</div>
<button>开始抽奖</button>
<button>结束抽奖</button>
<script>
/*找见我们要操作的元素*/
var box=document.getElementsByTagName("div")[0];
var aBtn=document.getElementsByTagName('button');
/*找见字符串之后将字符串转化成数组*/
var student_arr="";
var arr=student_arr.split(",");
var timmer;
/*点击开始*/
aBtn[0].οnclick=function(){
/*执行循环定时器*/
timmer=setInterval(function(){
/*生成随机数（特别注意arr.length）(随机数要写到循环里)*/
var random=parseInt(Math.random()*arr.length);
/*改变目标元素的内容*/
box.innerHTML=arr[random];
},0.1)
};
aBtn[1].οnclick=function(){
clearInterval(timmer);
/*作弊*/
box.innerHTML="辛凯斌";
}

</script>
</body>
</html>