<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                合規國際互聯網加速 OSASE為企業客戶提供高速穩定SD-WAN國際加速解決方案。 廣告
                # 1、介紹和語法 定時器可以完成定時作用,可以讓一段代碼延遲一段時間然后再執行。 很多地方都會用到定時器,比如用JS寫一個會走的鐘表;比如輪播圖; JS定時器有兩種: * 指定一段時間,然后在該時間段之后只執行一次代碼,特點是只執行一次。 * 指定一段時間,然后每隔一段時間執行一次代碼,也就是間隔一段時間執行一次,一直重復。 具體方法如下: setInterval() 按照指定的周期(以毫秒計)來調用函數或計算表達式。 setTimeout() 在指定的毫秒數后調用函數或計算表達式。 語法: ``` setTimeout(JS代碼或函數, 毫秒數); setInterval (JS代碼或函數, 毫秒數); ``` ![](https://img.kancloud.cn/72/fa/72fa78767eb9251080a9a52398d8b895_777x556.png) setInterval() 語法上和setTimeout一樣。 # 2、會走的時間 思路是寫一個能夠輸出當前時間的函數,頁面加載完畢馬上執行一次,然后在用定時器每隔1秒執行一次函數即可。 HTML代碼: ![](https://img.kancloud.cn/63/e3/63e3dd769d13183a77edaa24e2f32226_288x25.png) 下面是檢測數字是否小于10的函數: ![](https://img.kancloud.cn/c2/0b/c20baa24ae1aa2d9aa03dc56bffa4e88_698x161.png) 下面定義制作時間的函數,然后馬上調用一次,這樣刷新頁面就能夠看到時間了: ![](https://img.kancloud.cn/1f/32/1f32fc09bbb1e478cb8607551b2eb541_778x352.png) 使用定時器,讓制作時間的函數每隔一秒執行一次: ![](https://img.kancloud.cn/c9/c8/c9c8dfd87b376bc1bc0a2ae84962a6d7_494x27.png) # 3、終止定時器 對應的終止定時器的方法分別是: ``` clearInterval(定時器計數); clearTimeout(定時器計數); ``` 參數“定時器計數”指的是定時器的返回值。 ![](https://img.kancloud.cn/d6/6f/d66fc37d9300ca07011bea9f80bb6e11_667x308.png) # 4、修改會走的時間 加入兩個按鈕,一個表示停止,一個表示繼續。 HTML加入兩個按鈕: ![](https://img.kancloud.cn/af/44/af448f5f3879844a160d9cdd1b169ccb_548x80.png) JS代碼給“停止”和“繼續”綁定單擊事件: ![](https://img.kancloud.cn/36/83/3683707560126099a9b9416196b37649_699x472.png) 優化上述代碼: 首先將按鈕換成一個: ![](https://img.kancloud.cn/09/de/09ded9e22b26da9bbdf2becd19b96703_574x62.png) JS代碼: ![](https://img.kancloud.cn/55/e2/55e2c50ae3198fec82648337e5000a40_732x420.png)
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看