Window clearInterval() 方法

clearInterval()方法取消使用的setInterval() 創(chuàng)建的重復動作。

setInterval()返回的ID值用作clearInterval()方法的參數(shù)。

注意：為了能夠使用clearInterval()方法，在創(chuàng)建interval方法時必須使用一個變量：

t = setInterval("javaScript function", milliseconds);

然后，您可以通過調(diào)用clearInterval()方法來停止執(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);
}

測試看看?/?

瀏覽器兼容性

表中的數(shù)字指定了完全支持clearInterval()方法的第一個瀏覽器版本：

Method
clearInterval()	1	1	4	1	4

參數(shù)值

參數(shù)	描述
var	setInterval()方法返回的計時器的名稱

技術(shù)細節(jié)

返回值：	沒有

更多實例

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

測試看看?/?

使用setInterval()和clearInterval()創(chuàng)建動態(tài)進度條：

示例

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

測試看看?/?

JavaScript 對象

JavaScript 參考手冊

JS DOM參考手冊

Window clearInterval() 方法

語法：

瀏覽器兼容性

參數(shù)值

技術(shù)細節(jié)

更多實例

相關(guān)參考