js 点名器

div{
	width:200px;
	height:50px;
	font-size:10px;
	line-height:50px;
	text-align:center;
	font-weight:900;
	border:1px solid black;
	border-radius:10px;
	margin-bottom:20px;
}

<div>开始点名</div>
<button>停止点名</button>

//姓名放在数组中
var cname = ['sm','zx','df','sf','er','sg','hj','th','jk'];

var div = document.getElementsByTagName('div')[0];
var btn = document.getElementsByTagName('button'][0];
var flag = true;
div.onclick = function(){
if(flag){
flag = false;
var timer = setInterval(function(){
cname.forEach(function(item,index){
var random = Math.round(Math.random()*(cname.length-1));
a = cname[random];
div.innerHTML = a;
});
},20);
btn.onclick = function(){
clearInterval(timer);
flag = true;
};
console.log(timer);
}
}