js实现点名系统

<script>
		    var flag=0;
			var arr = [
				'名字1','名字2','名字3','名字4','名字5','名字6','名字7','名字8',]
			// 通过id拿到h2的标签
			var title = document.getElementById('title')
			var timer = null 
			function start() {
				timer = setInterval(function() {
					var index = Math.floor(Math.random() * arr.length)
					// 把index对应的数组的内容放到h2标签里面
					title.innerHTML = arr[index]
				}, 100)
			}
 
			function end() {
				// 通过timer来控制开始按钮
				clearInterval(timer)
			}
			but.onclick=function(){
				if(flag==0){
					flag++;
					but.value='停止';
					start();
					
					
				}else{
					flag--;
					but.value='开始';
					end();
					
				}
			}
		</script>

代码可实现简单的类似抽奖的系统

下面为实现内容

 初始页面

 

 轮播效果