<!DOCTYPE html>
<htmllang="en"><head>
<metacharset="UTF-8">
<title>Title</title>
<style>
.box{
width: 300px;
padding: 20px 30px;
border: 1px solid #999;
}
</style>
</head>
<body>
<divclass="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>
扫一扫
4347
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
