例
顯示當前的時間(the setInterval()方法執行的函數每隔1秒一次，就像一個數字手錶）。 使用clearInterval()停止時間：
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);
}
試一試» 更多"Try it Yourself"下面的例子。
定義和用法
的clearInterval()方法清除一個定時器與所述設定setInterval()方法。
返回的ID值setInterval()被用作參數clearInterval()方法。
注：為了能夠使用clearInterval()方法，你必須在創建的間隔方法時，使用全局變量：
myVar = setInterval(" 然後，你就可以可通過調用clearInterval（）方法停止執行。
瀏覽器支持
在表中的數字規定，完全支持方法的第一個瀏覽器版本。
Method
clearInterval()
1.0
4.0
1.0
1.0
4.0
句法
clearInterval( 參數值 參數 描述 id_of_setinterval 需要。 由返回的定時器的ID setInterval()方法
技術細節
返回值： 無返回值
更多示例
例
兩個背景顏色之間切換每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);
} 試一試»
例
使用setInterval()和clearInterval()來創建一個動態的進度條：
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 + '%';
}
}
} 試一試»
相關頁面
窗口對象： href="met_win_setinterval.html"> setInterval() Method
窗口對象： href="met_win_settimeout.html"> setTimeout() Method
窗口對象： href="met_win_cleartimeout.html"> clearTimeout() Method
<窗口對象