免费观看又色又爽又黄的小说免费_美女福利视频国产片_亚洲欧美精品_美国一级大黄大色毛片

JS如何實(shí)現(xiàn)課堂隨機(jī)點(diǎn)名和順序點(diǎn)名

這篇文章主要介紹了JS如何實(shí)現(xiàn)課堂隨機(jī)點(diǎn)名和順序點(diǎn)名，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)公司主營(yíng)汶上網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營(yíng)網(wǎng)站建設(shè)方案,成都app軟件開發(fā)公司,汶上h5小程序開發(fā)搭建,汶上網(wǎng)站營(yíng)銷推廣歡迎汶上等地區(qū)企業(yè)咨詢

1. 效果：

JS如何實(shí)現(xiàn)課堂隨機(jī)點(diǎn)名和順序點(diǎn)名

2. Html代碼：

<body>
<form>
  <div align="center">
    <input type="button" value="開始點(diǎn)名" onclick="students()" class="ks"/>
    <input type="button" value="停止點(diǎn)名" onclick="stop()" class="ks" id="nu"/>
    <hr color="blue">
    <br>
    <div id="div1" align="center">隨機(jī)點(diǎn)名區(qū)域</div>
  </div>
</form>
</body>

3. JavaScript代碼：

<script type="text/javascript">
    var i = 0;
    //t用來接收setTimeOut()的返回值
    var t;
    var st = ['張三','李四', '老王','旺財(cái)','鐵柱', '王八','來福','小明','小紅','狗蛋','SB.Child'];
    var u;
    //點(diǎn)名函數(shù)
    function students()
    {
      //順序點(diǎn)名
    /*  if (i < st.length)
      {
        u = st[i];
      }
      else
      {
        //點(diǎn)到最后一個(gè)就回來重新點(diǎn)起
        i = 0;
        u = st[i];
      }
      i = i + 1;
*/
      //隨機(jī)點(diǎn)名 產(chǎn)生0-數(shù)組長(zhǎng)度之間的數(shù)作為數(shù)組下標(biāo)
      var num = Math.floor(Math.random()*st.length);
      u = st[num];
      //更改文本框顯示的value值
      document.getElementById("div1").innerHTML = u ;
      t = setTimeout("students()", 1000);
    }
    //停止點(diǎn)名函數(shù)
    function stop()
    {
      clearTimeout(t);
    }
    </script>

4. CSS代碼：

<style type="text/css">
  body{
    background: #f5faff;
  }
  .ks{
    width: 140px;
    line-height: 55px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    text-shadow:2px 2px 2px #333;
    border-radius: 5px;
    margin:0 20px 20px 0;
    position: relative;
    overflow: hidden;
    background-color: limegreen;
    border:1px solid #d2a000;
    box-shadow: 0 1px 2px #fedd71 inset,0 -1px 0 #a38b39 inset,0 -2px 3px #fedd71 inset;
  }
  #nu{
    background-color: red;
  }
  #div1 { font:40px '微軟雅黑';text-align: center; background-color: gainsboro;
    width: 60%;
    height: 60%;
    margin-bottom:20px;
  }
</style>

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“JS如何實(shí)現(xiàn)課堂隨機(jī)點(diǎn)名和順序點(diǎn)名”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來學(xué)習(xí)!

網(wǎng)頁標(biāo)題：JS如何實(shí)現(xiàn)課堂隨機(jī)點(diǎn)名和順序點(diǎn)名
網(wǎng)頁鏈接：http://newbst.com/article44/jhcoee.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供做網(wǎng)站、網(wǎng)站策劃、App開發(fā)、關(guān)鍵詞優(yōu)化、定制網(wǎng)站、網(wǎng)站設(shè)計(jì)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)

成都網(wǎng)站建設(shè)