使用隨機函數random來實現課堂點名

時間 2020-06-28

標籤使用隨機函數 random 實現課堂點名简体版

原文原文鏈接

如何使用函數random來實現課堂隨機點名

1.最初的樣子以下html

2.點擊開始點名，上面一行的文字變成名字，名字在不停的變化，開始點名變成中止點名，以下dom

3.點擊中止點名，上面名字不動，中止點名變成開始點名，以下：李四同窗回答老師問題函數

代碼以下spa

<!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>