如果你想改变名字,可以直接把数组中的名字,改成你想要的就行了,想美观一点的话,可以修改一下css样式。
<div class="name">
<div class="box">111</div>
<button>点名</button>
</div>
<script>
var btn = document.querySelector('button');
var box = document.querySelector('.box');
var arr = ['张三','李四','王五','狗蛋','王麻子'];
var flag = false;
var ds;//这里要给定时器的名字要是 全局变量 不然清除的时候获取不到
btn.addEventListener('click',function(){
flag = !flag;
if(flag) {
ds = setInterval(function(){
//随机获取数组的下标,用下标去获取想对应的名字
var index = Math.round(Math.random()*(arr.length-1));
//然后把随机获取的名字,添加到指定的盒子里
box.innerHTML = arr[index];
},50);
btn.innerHTML = '暂停';
} else{
//清除定时器
clearInterval(ds);
btn.innerHTML = '点名';
}
});
</script>
效果如下: