JavaScript 參考手冊(cè)
-
HTML DOM Anchor 對(duì)象
-
HTML DOM Area 對(duì)象
-
HTML DOM Audio 對(duì)象
-
HTML DOM Base 對(duì)象
-
HTML DOM Blockquote 對(duì)象
-
HTML DOM Body 對(duì)象
-
HTML DOM Button 對(duì)象
-
HTML DOM Canvas 對(duì)象
-
HTML DOM Column 對(duì)象
-
HTML DOM Columngroup 對(duì)象
-
HTML DOM Datalist 對(duì)象
-
HTML DOM Dialog 對(duì)象
-
HTML DOM Form 對(duì)象
-
HTML DOM Frame 和 IFrame 對(duì)象
-
HTML DOM Frameset 對(duì)象
-
HTML DOM Image 對(duì)象
-
HTML DOM ins 對(duì)象
-
HTML DOM Button 對(duì)象
-
HTML DOM Checkbox 對(duì)象
-
HTML DOM Input Color 對(duì)象
-
HTML DOM Input Date 對(duì)象
-
HTML DOM Input Datetime 對(duì)象
-
HTML DOM Input DatetimeLocal 對(duì)象
-
HTML DOM Input Email 對(duì)象
-
HTML DOM FileUpload 對(duì)象
-
HTML DOM Hidden 對(duì)象
-
HTML DOM Input Image 對(duì)象
-
HTML DOM Input Month 對(duì)象
-
HTML DOM Input Number 對(duì)象
-
HTML DOM Input Range 對(duì)象
-
HTML DOM Password 對(duì)象
-
HTML DOM Radio 對(duì)象
-
HTML DOM Reset 對(duì)象
-
HTML DOM Input Search 對(duì)象
-
HTML DOM Submit 對(duì)象
-
HTML DOM Input Text 對(duì)象
-
HTML DOM Input Time 對(duì)象
-
HTML DOM Input URL 對(duì)象
-
HTML DOM Input Week 對(duì)象
-
HTML DOM Keygen 對(duì)象
-
HTML DOM Link 對(duì)象
-
HTML DOM Label 對(duì)象
-
HTML DOM Legend 對(duì)象
-
HTML DOM Li 對(duì)象
-
HTML DOM Map 對(duì)象
-
HTML DOM Menu 對(duì)象
-
HTML DOM MenuItem 對(duì)象
-
HTML DOM Meta 對(duì)象
-
HTML DOM Meter 對(duì)象
-
HTML DOM Object 對(duì)象
-
HTML DOM Ol 對(duì)象
-
HTML DOM OptionGroup 對(duì)象
-
HTML DOM Option 對(duì)象
-
HTML DOM Parameter 對(duì)象
-
HTML DOM Progress 對(duì)象
-
HTML DOM Select 對(duì)象
-
HTML DOM Source 對(duì)象
-
HTML DOM Style 對(duì)象
-
HTML DOM Table 對(duì)象
-
HTML DOM td/th 對(duì)象
-
HTML DOM TableHeader 對(duì)象
-
HTML DOM tr 對(duì)象
-
HTML DOM Textarea 對(duì)象
-
HTML DOM Title 對(duì)象
-
HTML DOM Time 對(duì)象
-
HTML DOM Track 對(duì)象
-
HTML DOM Video 對(duì)象
Window clearInterval() 方法
Window 對(duì)象實(shí)例
顯示當(dāng)前時(shí)間 ( setInterval() 函數(shù)會(huì)每秒執(zhí)行一次函數(shù)，類似手表)。使用 clearInterval() 來停止執(zhí)行:
var myVar = setInterval(function(){ myTimer() }, 1000);
function myTimer() {
var d = new Date();
var t = d.toLocaleTimeString();
document.getElementById("demo").innerHTML = t;
}
function myStopFunction() {
clearInterval(myVar);
}
運(yùn)行代碼 ?
定義和用法
clearInterval() 方法可取消由 setInterval() 函數(shù)設(shè)定的定時(shí)執(zhí)行操作。
clearInterval() 方法的參數(shù)必須是由 setInterval() 返回的 ID 值。
注意: 要使用 clearInterval() 方法, 在創(chuàng)建執(zhí)行定時(shí)操作時(shí)要使用全局變量：
myVar = setInterval("javascript 函數(shù)", milliseconds);
你可以通過 clearInterval() 方法來停止執(zhí)行。
瀏覽器支持
表格中的數(shù)字表示支持該屬性的第一個(gè)瀏覽器版本號(hào)。
| 方法 | |||||
|---|---|---|---|---|---|
| clearInterval() | 1.0 | 4.0 | 1.0 | 1.0 | 4.0 |
語法
clearInterval(id_of_setinterval)
| 參數(shù) | 描述 |
|---|---|
| id_of_setinterval | 調(diào)用 setInterval() 函數(shù)時(shí)所獲得的返回值，使用該返回標(biāo)識(shí)符作為參數(shù)，可以取消該 setInterval() 所設(shè)定的定時(shí)執(zhí)行操作。 |
技術(shù)細(xì)節(jié)
| 返回值: | 沒有返回值。 |
|---|
更多實(shí)例
實(shí)例
每 300 毫秒切換背景顏色，直到通過 clearInterval() 來停止:
var myVar = setInterval(function(){ setColor() }, 300);
function setColor() {
var x = document.body;
x.style.backgroundColor = x.style.backgroundColor == "yellow" ? "pink" : "yellow";
}
function stopColor() {
clearInterval(myVar);
}
運(yùn)行代碼 ?
實(shí)例
使用 setInterval() 和 clearInterval() 來創(chuàng)建動(dòng)態(tài)進(jìn)度條：
function move() {
var elem = document.getElementById("myBar");
var width = 0;
var id = setInterval(frame, 100);
function frame() {
if (width == 100) {
clearInterval(id);
} else {
width++;
elem.style.width = width + '%';
}
}
}
運(yùn)行代碼 ?
相關(guān)頁面
Window 對(duì)象: setInterval() 方法
Window 對(duì)象: setTimeout() 方法
Window 對(duì)象: clearTimeout() 方法
其他擴(kuò)展