• • 首先先把学生一个一个的放到数组中
  • 其次遍历这个数组
  • 然后按钮事件触发
  • 最后附上完整代码：
  • 最后的实现

这个故事是这样开始的，新学期伊始，我们java老师为了检测学生的java基础水平，留下了这么一份作业：实现全班32个人随机点名的小程序，当然以我的入门基础只能用随机类Random生成一个随机数，然后取取数组中的元素，这是最简单也是最傻瓜的作法，虽然我有心想让这个程序看起来更高级一些，可是有心无力呀！ 偶然有一天，上着前端课，突然就想试试能否用前端来实现，这样就会有一个比较美观的界面，不像先前用java实现的只能在控制台输出，最终就实现了有着用户交互功能的网页点名器。

• 首先先把学生一个一个的放到数组中 （萌新不会其他方法）
• 其次遍历这个数组 （当然数组是会遍历完的，我们希望数组能一直遍历下去，所以用了一个标志j,如果当j遍历到数组最后一个，我们就让j回到数组开头，开始一个新的循环）
• 然后按钮事件触发 可能在web中不叫按钮触发，但是这个叫法个人认为还是蛮贴切的，我们通过建立一个函数，当用户点击按钮时，执行这个函数，当然我们也不想按钮点了一次之后，再点击之后没有效果，我们希望按钮点了一次之后，也就是遍历暂停了，再去点击按钮的时候，能够重新开始遍历，开始新一轮的点名过程 也就是实现 遍历—暂停----遍历----暂停—遍历—暂停…这个过程）

   //输出学生姓名的函数
	 function  myFunction() { 
		p.textContent=students[j];
		j++;
		//遍历完全班同学，又从头开始重新遍历
		if(j==32){
			j=0;
		}
	 }

function click(){
	//点击按钮控制点名和重新开始点名,异步函数
	 if(button.onclick){
		count++;
	 }
	 //偶数次开始遍历学生
	 if(count%2==0){
	 //间隔10毫秒执行myFunction函数
		 time=setInterval(myFunction,10);
	 }
	 //奇数次闪现停止
	 if(count%2!=0){
	 //停止执行函数time
		clearInterval(time);
	 }
	}

• 最后附上完整代码：

 
  
  
  
  
  
  
  
点名器
  

   
  
  
  
 

• 最后的实现

见bilibili视频附上链接：

https://www.bilibili.com/video/BV1Q44y14783/