<video id="ftjrx"></video>
<ol id="ftjrx"><output id="ftjrx"></output></ol><track id="ftjrx"><cite id="ftjrx"><b id="ftjrx"></b></cite></track>
<delect id="ftjrx"><cite id="ftjrx"></cite></delect>

<ol id="ftjrx"><output id="ftjrx"></output></ol>

    <dl id="ftjrx"><ins id="ftjrx"><menuitem id="ftjrx"></menuitem></ins></dl>

      微信咨詢
      QQ咨詢
      服務熱線
      服務熱線:0851-83890865
      移動熱線:18908513754
      TOP

      setTimeout()和setInterval()方法的區別?

      發布時間:2017-11-28 瀏覽:
      學了JavaScript都應該知道setTimeout()是延時器,setInterval()是定時器。setTimeout(表達式,延時時間)在執行時,是在載入后延遲指定時間后,去執行一次表達式,記住,次數是一次,而setInterval(表達式,交互時間)則不一樣,它從載入后,每隔指定的時間就執行一次表達式 所以,完全是不一樣的。
      1.setInterval() 方法可按照指定的周期(以毫秒計)來調用函數或計算表達式。
      setInterval() 方法會不停地調用函數,直到 clearInterval() 被調用或窗口被關閉。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的參數,看例子:
      <html>
      <body>
      <input type="text" id="clock" size="35" />
      <script language=javascript>
      var int=self.setInterval("clock()",50)
      function clock()
      {
      var t=new Date()
      document.getElementById("clock").value=t
      }
      </script>
      </form>
      <button onclick="int=window.clearInterval(int)">
      Stop interval</button>
      </body>
      </html>
      2.setTimeout() 方法用于在指定的毫秒數后調用函數或計算表達式,setTimeout() 只執行一次,看例子:
      <html>
      <head>
      <script type="text/javascript">
      function timedMsg()
      {
      var t=setTimeout("alert('5 seconds!')",5000)
      }
      </script>
      </head>
      <body>
      <form>
      <input type="button" value="Display timed alertbox!" onClick="timedMsg()">
      </form>
      <p>Click on the button above. An alert box will be displayed after 5 seconds.</p>
      </body>
      </html>
      很多人習慣于將setTimeout包含于被執行函數中,然后在函數外再次使用setTimeout來達到定時執行的目的 這樣,函數外的setTimeout在執行函數時再次觸發setTimeout從而形成周而復始的定時效果。使用的時候各有各的優勢,使用setInterval,需要手動的停止tick觸發。
      而使用方法中嵌套setTimeout,可以根據方法內部本身的邏輯不再調用setTimeout就等于停止了觸發。其實兩個東西完全可以相互模擬,具體使用那個,看當時的需要而定了。
      0
      該內容對我有幫助
      在線客服系統 国产日韩高清制服一区,伊在香蕉国产在线视频,亚洲精品亚洲人成在线,亚洲乱码中文字幕综合

      <video id="ftjrx"></video>
      <ol id="ftjrx"><output id="ftjrx"></output></ol><track id="ftjrx"><cite id="ftjrx"><b id="ftjrx"></b></cite></track>
      <delect id="ftjrx"><cite id="ftjrx"></cite></delect>

      <ol id="ftjrx"><output id="ftjrx"></output></ol>

        <dl id="ftjrx"><ins id="ftjrx"><menuitem id="ftjrx"></menuitem></ins></dl>