南昌微信小程序商城_javascript怎么使用函数rando

2021-01-05 12:21

javascript如何使用函数random来实现课堂随机点名方法详解       这篇文章主要介绍了javascript如何使用函数random来实现课堂随机点名方法详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

1.最初的样子如下

2.点击开始点名，上面一行的文字变成名字，名字在不停的变化，开始点名变成停止点名，如下

3.点击停止点名，上面名字不动，停止点名变成开始点名，如下：李四同学回答老师问题

代码如下

 !DOCTYPE html 
 html 
 head 
 meta charset="utf-8" 
 title /title 
 style 
 #d2{cursor:pointer;}/*让鼠标移到开始点名的时候变成手型*/
 /style 
 /head 
 body 
 div id="d1" 亲，准备好了吗？ /div 
 div id="d2" 开始点名 /div !--触发事件句柄onlick，调用fun函数-- 
 script 
 var mytime=null;
 var d1=document.getElementById("d1");
 var d2=document.getElementById("d2");
 function fun()
 {if(mytime==null)
 {d2.innerHTML="停止点名";
 show();
 else {
 clearTimeout(mytime);
 d2.innerHTML="开始点名";
 mytime=null;
 function show()
 {var s=["张三","李四","王五","王二","小二"];
 var name=Math.floor(Math.random()*10%s.length);//让name在下标0-4之间取得
 d1.innerHTML=s[name];
 mytime=setTimeout("show()",1);
 /script 
 /body 
 /html 

注意：random是Math中的函数，所以要写成Math.random()

到此这篇关于javascript如何使用函数random来实现课堂随机点名方法详解的文章就介绍到这了,更多相关javascript 使用函数random来实现课堂随机点名方法内容请搜索凡科以前的文章或继续浏览下面的