javascript如何使用函式random來實現課堂隨機點名方法詳解
阿新 • • 發佈:2020-07-29
如何使用函式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()
到此這篇關於javascript如何使用函式random來實現課堂隨機點名方法詳解的文章就介紹到這了,更多相關javascript 使用函式random來實現課堂隨機點名方法內容請搜尋我們以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援我們!