css部分
button{
margin: 0 10px;
}
div{
width: 300px;
height: 300px;
margin: 50px auto;
text-align: center;
}
html部分
<div>
<button>start</button>
<button>end</button>
<h1 id="des"></h1>
</div>
js部分
var aBtn=document.getElementsByTagName('button')
var des=document.getElementById('des')
var arrName=['雷华','唐玉','雷大哥','雷小哥','雷猪猪','雷臭宝']
des.innerHTML=arrName[0]
var timer=null
aBtn[0].onclick=function(){
timer=setInterval(function(){
var random=parseInt(Math.random()*arrName.length)
des.innerHTML=arrName[random]
},30)
}
aBtn[1].onclick=function(){
clearInterval(timer)
}