javascript如何使用函數random來實現課堂隨機點名方法詳解
如何使用函數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 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來實現課堂隨機點名方法內容請搜索好吧啦網以前的文章或繼續瀏覽下面的相關文章希望大家以后多多支持好吧啦網！
相關文章：
1. php網絡安全中命令執行漏洞的產生及本質探究2. 三個不常見的 HTML5 實用新特性簡介3. Angular獲取ngIf渲染的Dom元素示例4. IIS+PHP添加對webp格式圖像的支持配置方法5. ASP調用WebService轉化成JSON數據，附json.min.asp6. 無線標記語言(WML)基礎之WMLScript 基礎第1/2頁7. 使用.net core 自帶DI框架實現延遲加載功能8. Warning: require(): open_basedir restriction in effect,目錄配置open_basedir報錯問題分析9. php測試程序運行速度和頁面執行速度的代碼10. ASP.NET Core 5.0中的Host.CreateDefaultBuilder執行過程解析
網公網安備