一般情況clearInterval函數要和setInterval函數配合使用，其主要是用來取消由setInterval函數設置的事件執行間隔，其語法形式如下
clearInterval(id_of_setinterval)
id_of_setinterval既是由setInterval() 返回的ID值，即要取消ID為id_of_setinterval的對象的setInterval事件，該方法沒有返回值。
下面舉一個例子來說明一下clearInterval()方法的使用
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>clearInterval()的使用方法——武林網CUOXIN（www.49028c.com）</title>
<script language=javascript>
var timerId = null;
function curDT()
{
var dt = new Date();
var curDate = dt.getFullYear()+"年" + dt.getMonth()+"月"+dt.getDay()+"日";
var curTime = dt.getHours()+":"+dt.getMinutes()+":"+dt.getSeconds();
var curDateTime = curDate + " " + curTime;
document.getElementById("curDateTime").innerHTML="現在時間為：" + curDateTime;
}
function beginDT()
{
timerID = setInterval(curDT,1000); //每1000毫秒刷新一次時間，即1秒鐘刷新一次時間
document.getElementById("btnBegin").disabled = true;
document.getElementById("btnStop").disabled = false;
}
function stopDT()
{
clearInterval(timerID);
document.getElementById("btnBegin").disabled = false;
document.getElementById("btnStop").disabled = true;
}
beginDT();
</script>
</head>
<body>
<h1>clearInterval方法的使用</h1>
<p>點擊【時鐘運行】，則開始顯示當前日期和時間，點擊【時鐘停止】，則停止顯示當前日期和時間。</p>
<p id="curDateTime">現在的時間為：</p>
<input type="button" value="時鐘運行" id="btnBegin" disabled="disabled" onclick="javascript:beginDT();" />
<input type="button" value="時鐘停止" id="btnStop" onclick="javascript:stopDT();" />
</body>
</html>
新聞熱點
疑難解答
