clearInterval()方法取消使用的setInterval() 創(chuàng)建的重復(fù)動(dòng)作。
setInterval()返回的ID值用作clearInterval()方法的參數(shù)。
注意:為了能夠使用clearInterval()方法,在創(chuàng)建interval方法時(shí)必須使用一個(gè)變量:
t = setInterval("javaScript function", milliseconds);然后,您可以通過(guò)調(diào)用clearInterval()方法來(lái)停止執(zhí)行:
clearInterval(t);
window.clearInterval(var)
var t = setInterval(startTimer, 1000);
function startTimer() {
var date = new Date();
var x = document.getElementById("result");
x.innerHTML = date.getHours() + ":" + date.getMinutes() + ":" + date.getSeconds();
}
function stopTimer() {
clearInterval(t);
}測(cè)試看看?/?表中的數(shù)字指定了完全支持clearInterval()方法的第一個(gè)瀏覽器版本:
| Method | ![]() | ![]() | ![]() | ![]() | ![]() |
| clearInterval() | 1 | 1 | 4 | 1 | 4 |
| 參數(shù) | 描述 |
|---|---|
| var | setInterval()方法返回的計(jì)時(shí)器的名稱(chēng) |
| 返回值: | 沒(méi)有 |
|---|
每200毫秒一次在兩種背景顏色之間切換,直到由clearInterval()將其停止:
var t = setInterval(setColor, 200);
function setColor() {
var x = document.body;
x.style.backgroundColor = (x.style.backgroundColor == "coral") ? "lightgreen" : "coral";
}
function stopColor() {
clearInterval(t);
}測(cè)試看看?/?使用setInterval()和clearInterval()創(chuàng)建動(dòng)態(tài)進(jìn)度條:
var i = 0;
var bar = document.getElementById("progress-bar");
var t;
function start() {
t = setInterval(progress, 60);
}
function progress() {
if(i < 100) {
i++;
bar.style.width = i + "%";
bar.innerHTML = i + " %";
} else {
clearInterval(t);
}
}
function stop() {
clearInterval(t);
}測(cè)試看看?/?窗口(Window)參考:setInterval()方法
窗口(Window)參考:setTimeout()方法
窗口(Window)參考:clearTimeout()方法
窗口(Window)參考:requestAnimationFrame()方法