点名器
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>点名器</title>
<style>
#box{
width:200px;
height:300px;
border:1px solid red;
}
#box img{
width: 100%;
}
</style>
</head>
<body>
<div id='box'>
<p id='img'></p>
</div>
<button onclick='start()'>开始</button>
<button onclick='stop()'>暂停</button>
<script>
var nameList = ['1','2','3','4','5','6','7','8','9','10','11','12','13','14','15','16','17','18','19','20','21','22','23','24']
dodo = false
function stop(){
clearInterval(dodo)
}
function start(){
if(dodo){
clearInterval(dodo)
}
dodo = setInterval(function(){
var b = Math.ceil(Math.random()*24)-1
document.getElementById('img').innerHTML=nameList[b]
},100)
}
</script>
</body>
</html>