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); }