js 代碼中執(zhí)行循環(huán)事件時(shí)，經(jīng)常會(huì)用到 setInterval 和 setTimeout 這兩個(gè)方法，關(guān)于這兩個(gè)方法的細(xì)節(jié)這里不詳細(xì)討論了，簡(jiǎn)要分享下在需要停止循環(huán)事件的時(shí)候該如何操作。
（1）setInterval 方法可按照指定的周期（以毫秒計(jì)）來(lái)調(diào)用函數(shù)或計(jì)算表達(dá)式，停止該方法可使用 clearInterval 方法。具體示例如下：
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<body>
<input type="text" id="clock" size="50" />
<script language=javascript>
var int=self.setInterval("clock()",50);//每隔 50 毫秒調(diào)用 clock() 函數(shù)
function clock(){
var t=new Date();
document.getElementById("clock").value=t;
}
</script>
<button onclick="window.clearInterval(int)">停止 interval</button>
</body>
</html>
語(yǔ)法 clearInterval(id_of_setinterval)
參數(shù) id_of_setinterval 表示由 setInterval() 返回的 ID 值。
clearInterval() 方法可取消由 setInterval() 設(shè)置的 timeout；clearInterval() 方法的參數(shù)必須是由 setInterval() 返回的 ID 值。
（2）setTimeout 方法用于在指定的毫秒數(shù)后調(diào)用函數(shù)或計(jì)算表達(dá)式。停止該方法可使用 clearTimeout 方法。具體示例如下：
提示：setTimeout() 只執(zhí)行 code 一次。如果要多次調(diào)用，請(qǐng)使用 setInterval() 或者讓 code 自身再次調(diào)用 setTimeout()。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
var c=0;
var t;
function timedCount(){
document.getElementById('txt').value=c;
c=c+1;
t=setTimeout("timedCount()",1000);
}
function stopCount(){
clearTimeout(t);
}
</script>
</head>
<body>
<input type="button" value="開始計(jì)數(shù)" onClick="timedCount()">
<input type="text" id="txt">
<input type="button" value="停止計(jì)數(shù)" onClick="stopCount()">
</body>
</html>
clearTimeout() 方法可取消由 setTimeout() 方法設(shè)置的 timeout。
語(yǔ)法 clearTimeout(id_of_settimeout)
參數(shù) id_of_setinterval 表示由 setTimeout() 返回的 ID 值。該值標(biāo)識(shí)要取消的延遲執(zhí)行代碼塊。
新聞熱點(diǎn)
疑難解答
圖片精選
