例
显示当前的时间(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
<窗口对象