一般情況clearInterval函數(shù)要和setInterval函數(shù)配合使用，其主要是用來(lái)取消由setInterval函數(shù)設(shè)置的事件執(zhí)行間隔，其語(yǔ)法形式如下
clearInterval(id_of_setinterval)
id_of_setinterval既是由setInterval() 返回的ID值，即要取消ID為id_of_setinterval的對(duì)象的setInterval事件，該方法沒(méi)有返回值。
下面舉一個(gè)例子來(lái)說(shuō)明一下clearInterval()方法的使用
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>clearInterval()的使用方法——武林網(wǎng)CUOXIN（www.survivalescaperooms.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="現(xiàn)在時(shí)間為：" + curDateTime;
}
function beginDT()
{
timerID = setInterval(curDT,1000); //每1000毫秒刷新一次時(shí)間，即1秒鐘刷新一次時(shí)間
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>點(diǎn)擊【時(shí)鐘運(yùn)行】，則開(kāi)始顯示當(dāng)前日期和時(shí)間，點(diǎn)擊【時(shí)鐘停止】，則停止顯示當(dāng)前日期和時(shí)間。</p>
<p id="curDateTime">現(xiàn)在的時(shí)間為：</p>
<input type="button" value="時(shí)鐘運(yùn)行" id="btnBegin" disabled="disabled" onclick="javascript:beginDT();" />
<input type="button" value="時(shí)鐘停止" id="btnStop" onclick="javascript:stopDT();" />
</body>
</html>
新聞熱點(diǎn)
疑難解答
圖片精選
