如何使用函數random來實現課堂隨機點名 1.最初的樣子如下 2.點擊開始點名，上面一行的文字變成名字，名字在不停的變化，開始點名變成停止點名，如下 3.點擊停止點名，上面名字不動，停止點名變成開始點名，如下：李四同學回答老師問題 代碼如下 <!DOCTYPE html> <html> <head ...
如何使用函數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" onclick="fun()">開始點名</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()
