欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

javascript如何使用函數(shù)random來實(shí)現(xiàn)課堂隨機(jī)點(diǎn)名方法詳解

 更新時間:2020年07月28日 16:40:09   作者:正好00  
這篇文章主要介紹了javascript如何使用函數(shù)random來實(shí)現(xiàn)課堂隨機(jī)點(diǎn)名方法詳解,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧

如何使用函數(shù)random來實(shí)現(xiàn)課堂隨機(jī)點(diǎn)名

1.最初的樣子如下

2.點(diǎn)擊開始點(diǎn)名,上面一行的文字變成名字,名字在不停的變化,開始點(diǎn)名變成停止點(diǎn)名,如下

3.點(diǎn)擊停止點(diǎn)名,上面名字不動,停止點(diǎn)名變成開始點(diǎn)名,如下:李四同學(xué)回答老師問題

代碼如下

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title></title>
  <style>
  
   #d2{cursor:pointer;}/*讓鼠標(biāo)移到開始點(diǎn)名的時候變成手型*/
  </style>
 </head>
 <body>
 <div id="d1">親,準(zhǔn)備好了嗎?</div> 
  <div id="d2" onclick="fun()">開始點(diǎn)名</div><!--觸發(fā)事件句柄onlick,調(diào)用fun函數(shù)-->
  <script>
   
   var mytime=null;
   var d1=document.getElementById("d1");
   var d2=document.getElementById("d2");
   function fun()
   {if(mytime==null)
    {d2.innerHTML="停止點(diǎn)名";
    show();
    
    }
   else {
    
     clearTimeout(mytime);
     d2.innerHTML="開始點(diǎn)名";
     mytime=null;
   }
  }
   function show()
   {var s=["張三","李四","王五","王二","小二"];
    var name=Math.floor(Math.random()*10%s.length);//讓name在下標(biāo)0-4之間取得
    d1.innerHTML=s[name];
    mytime=setTimeout("show()",1);
   
   }
   </script>
  </body>
</html>

注意:random是Math中的函數(shù),所以要寫成Math.random()

到此這篇關(guān)于javascript如何使用函數(shù)random來實(shí)現(xiàn)課堂隨機(jī)點(diǎn)名方法詳解的文章就介紹到這了,更多相關(guān)javascript 使用函數(shù)random來實(shí)現(xiàn)課堂隨機(jī)點(diǎn)名方法內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

最新評論