js,setTimeout與setInterval的用法

1.setTimeout與setInterval的區別函數

  setTimeout:spa

    1.直接使用的話,按照指定 的時間,只執行一次傳入的函數參數。code

    2.函數的終止使用clearTimeout。blog

  setInterval:io

    1.直接使用的話,按照指定的時間,循環執行傳入的函數參數
    2.函數的終止使用clearInterval。function

2.setTimeout與setInterval的用法class

  setsetTimeout:變量

    1.直接使用:setsetTimeout(function(data){},1000,param1);循環

       使用時能夠傳入多個個參數,參數的做用以下。im

          1.code/function 必需。要調用一個代碼串,也能夠是一個函數。

          2.’milliseconds 可選。執行或調用 code/function 須要等待的時間,以毫秒計。默認爲 0。

          3.param1, param2, ... 可選。 傳給執行函數的其餘參數(IE9 及其更早版本不支持該參數)。

    2.使用變量調用,並終止setsetTimeout用法。

      

var myVar; function myFunction() { myVar = setTimeout(function(){ alert("Hello") }, 3000); } function myStopFunction() { clearTimeout(myVar); }

 

  setInterval

    1.直接使用:setInterval(function, milliseconds, param1, param2, ...);

       使用時能夠傳入多個個參數,參數的做用以下。

          1.code/function 必需。要調用一個代碼串,也能夠是一個函數。

          2.’milliseconds 可選。執行或調用 code/function 須要等待的時間,以毫秒計。默認爲 0。

          3.param1, param2, ... 可選。 傳給執行函數的其餘參數(IE9 及其更早版本不支持該參數)。

    2.使用變量調用,並終止setInterval用法。

      

var myVar = setInterval(function(data){ }, 1000); function myStopFunction() { clearInterval(myVar); }

 

3.setTimeout實現setInterval功能並實現自我終止

  

var myVar,i=0; function myFunction() { myVar = setTimeout(function(){ 
    i++;
    if(i>21){
      myStopFunction

    }else{
      mayVar
    }
  }, 3000);
} function myStopFunction() { clearTimeout(myVar); }
相關文章
相關標籤/搜索