摘要:方法描述周期性地調用一個函數或者執行一段代碼。方法可取消由方法設置的。語法詳解是該延時操作的數字此隨后可以用來作為方法的參數。需要注意的是,不支持第一種語法中向延遲函數傳遞額外參數的功能。該值標識要取消的延遲執行代碼塊。
方法 | 描述 |
---|---|
setInterval | 周期性地調用一個函數(function)或者執行一段代碼。 |
clearInterval | 取消掉用setInterval設置的重復執行動作。 |
setTimeout | 在指定的延遲時間之后調用一個函數或者執行一個代碼片段。 |
clearTimeout | 方法可取消由 setTimeout() 方法設置的 timeout。 |
window.setInterval()方法,周期性地調用一個函數(function)或者執行一段代碼。
語法詳解var intervalID = window.setInterval(func, delay[, param1, param2, ...]);
var intervalID = window.setInterval(code, delay);
intervalID 是此重復操作的唯一辨識符,可以作為參數傳給clearInterval()。 func 是你想要重復調用的函數。 code 是另一種語法的應用,是指你想要重復執行的一段字符串構成的代碼(使用該語法是不推薦的,不推薦的原因和eval()一樣)。 delay 是每次延遲的毫秒數 (一秒等于1000毫秒),函數的每次調用會在該延遲之后發生。和setTimeout一樣,實際的延遲時間可能會稍長一點。
需要注意的是,IE不支持第一種語法中向延遲函數傳遞額外參數的功能.如果你想要在IE中達到同樣的功能,你必須使用一種兼容代碼 (查看callback arguments 一段)。
例子jssetInterval(function(){
console.log("log")
},1000)
clearInterval()
window.clearInterval() 取消掉用setInterval設置的重復執行動作.
語法詳解window.clearInterval(intervalID)
在指定的延遲時間之后調用一個函數或者執行一個代碼片段。 intervalID是你想要取消的重復動作的ID,這個ID是個整數,是由setInterval()返回的。例子
jsvar pageTimer = {} ; //定義計算器全局變量
//賦值模擬
pageTimer["timer1"] = setInterval(function(){},2000);
pageTimer["timer2"] = setInterval(function(){},2000);
//全部清除方法
for(var each in pageTimer){
clearInterval(pageTimer[each]);
}
js// 暴力清除
for(var i = 1; i < 1000; i++) {
clearInterval(i);
}
分析:實際上暴力清除的方式是不可取的,在不得已情況下才使用,在IE下,定時器返回值在IE下面是8位數字如:248147094,并且起始值不能確定,而Chrome和firefox下是從1開始的個位數字,一般項目還是建議第一種,并且第一種的擴展性也好,比如可以做個方法,清除除了指定定時器之外的所有定時器。
setTimeout()在指定的延遲時間之后調用一個函數或者執行一個代碼片段。
window.setTimeout()
詳解var timeoutID = window.setTimeout(func, delay, [param1, param2, ...]);
var timeoutID = window.setTimeout(code, delay);
* timeoutID 是該延時操作的數字ID, 此ID隨后可以用來作為window.clearTimeout方法的參數。 * func 是你想要在delay毫秒之后執行的函數。 * code 在第二種語法,是指你想要在delay毫秒之后執行的代碼 (使用該語法是不推薦的, 不推薦的原因和eval()一樣)。 * delay 是延遲的毫秒數 (一秒等于1000毫秒),函數的調用會在該延遲之后發生.但是實際的延遲時間可能會稍長一點,查看下面的備注。
需要注意的是,IE不支持第一種語法中向延遲函數傳遞額外參數的功能。如果你想要在IE中達到同樣的功能,你必須使用一種兼容代碼 (查看callback arguments 一段)。
備注你可以使用 window.clearTimeout()來取消延遲操作。
如果你希望你的代碼被重復的調用 (比如每 N 毫秒一次),考慮使用window.setInterval()。
js// 推薦
window.setTimeout(function() {
alert("Hello World!");
}, 500);
// 不推薦
window.setTimeout("alert("Hello World!");", 500);
clearTimeout()
window.clearTimeout() 方法可取消由 setTimeout() 方法設置的 timeout。
語法詳解clearTimeout(id_of_settimeout)
參數 | 描述 |
---|---|
id_of_settimeout | 由 setTimeout() 返回的 ID 值。該值標識要取消的延遲執行代碼塊。 |
jsvar c=0
var t
function timedCount(){
document.getElementById("txt").value=c
c=c+1
t=setTimeout("timedCount()",1000)
}
function stopCount(){
clearTimeout(t)
}
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/85484.html
摘要:說明這次實現的雪花飄落的效果很簡單,主要是為了練習練習中的定時器,和。簡單說,意思就是用了這個定時器,能把兩次修改樣式的代碼分開執行,可以先把第一次修改的樣式渲染后,在進行第二次的修改,雪花就會動了。 說明 這次實現的雪花飄落的效果很簡單,主要是為了練習練習JavaScript中的定時器,setTimeout 和 setInterval。 效果圖 showImg(https://seg...
摘要:說明這次實現的雪花飄落的效果很簡單,主要是為了練習練習中的定時器,和。簡單說,意思就是用了這個定時器,能把兩次修改樣式的代碼分開執行,可以先把第一次修改的樣式渲染后,在進行第二次的修改,雪花就會動了。 說明 這次實現的雪花飄落的效果很簡單,主要是為了練習練習JavaScript中的定時器,setTimeout 和 setInterval。 效果圖 showImg(https://seg...
摘要:案例每隔毫秒調用函數并顯示時間。當點擊按鈕時,停止時間代碼如下計時器每隔毫秒調用函數,并將返回值賦值給計時器計時器,在載入后延遲指定時間后去執行一次表達式僅執行一次。該值標識要取消的延遲執行代碼塊。 簡述 本系列將持續更新Javascript基礎部分的知識,誰都想掌握高端大氣的技術,但是我覺得沒有一個扎實的基礎,我認為一切高階技術對我來講都是過眼云煙,要成為一名及格的前端工程師,必須把...
閱讀 2263·2021-09-30 09:48
閱讀 3634·2021-09-24 10:27
閱讀 1790·2021-09-22 15:32
閱讀 2026·2021-08-09 13:44
閱讀 3575·2019-08-30 15:55
閱讀 1045·2019-08-29 17:12
閱讀 2000·2019-08-29 17:05
閱讀 2918·2019-08-29 13:43