JavaScript中停止執(zhí)行setInterval和setTimeout事件的方法
js 代碼中執(zhí)行循環(huán)事件時,經(jīng)常會用到 setInterval 和 setTimeout 這兩個方法,關(guān)于這兩個方法的細(xì)節(jié)這里不詳細(xì)討論了,簡要分享下在需要停止循環(huán)事件的時候該如何操作。
(1)setInterval 方法可按照指定的周期(以毫秒計)來調(diào)用函數(shù)或計算表達(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>
語法 clearInterval(id_of_setinterval)
參數(shù) id_of_setinterval 表示由 setInterval() 返回的 ID 值。
clearInterval() 方法可取消由 setInterval() 設(shè)置的 timeout;clearInterval() 方法的參數(shù)必須是由 setInterval() 返回的 ID 值。
(2)setTimeout 方法用于在指定的毫秒數(shù)后調(diào)用函數(shù)或計算表達(dá)式。停止該方法可使用 clearTimeout 方法。具體示例如下:
提示:setTimeout() 只執(zhí)行 code 一次。如果要多次調(diào)用,請使用 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="開始計數(shù)" onClick="timedCount()">
<input type="text" id="txt">
<input type="button" value="停止計數(shù)" onClick="stopCount()">
</body>
</html>
clearTimeout() 方法可取消由 setTimeout() 方法設(shè)置的 timeout。
語法 clearTimeout(id_of_settimeout)
參數(shù) id_of_setinterval 表示由 setTimeout() 返回的 ID 值。該值標(biāo)識要取消的延遲執(zhí)行代碼塊。
- JavaScript SetInterval與setTimeout使用方法詳解
- JavaScript中SetInterval與setTimeout的用法詳解
- Js中setTimeout()和setInterval() 何時被調(diào)用執(zhí)行的用法
- javascript中SetInterval與setTimeout的定時器用法
- JavaScript定時器setTimeout()和setInterval()詳解
- js中的setInterval和setTimeout使用實(shí)例
- Javascript對象中關(guān)于setTimeout和setInterval的this介紹
- JavaScript中setTimeout和setInterval函數(shù)的傳參及調(diào)用
- JavaScript setTimeout和setInterval的使用方法 說明
- JavaScript?setTimeout和setInterval的用法與區(qū)別詳解
相關(guān)文章
AjaxUpLoad.js實(shí)現(xiàn)文件上傳功能
這篇文章主要為大家詳細(xì)介紹了AjaxUpLoad.js實(shí)現(xiàn)文件上傳功能,具有一定的參考價值,感興趣的小伙伴們可以參考一下2018-03-03JS中把函數(shù)作為另一函數(shù)的參數(shù)傳遞方法(總結(jié))
下面小編就為大家?guī)硪黄狫S中把函數(shù)作為另一函數(shù)的參數(shù)傳遞方法(總結(jié))。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-06-06JavaScript實(shí)現(xiàn)網(wǎng)絡(luò)測速的方法詳解
在我們的日常生活中離不開網(wǎng)絡(luò),而網(wǎng)絡(luò)的快慢直接決定了用戶的產(chǎn)品使用體驗(yàn)。本文就來帶大家了解如何用JavaScript實(shí)現(xiàn)網(wǎng)絡(luò)測速,需要的可以參考一下2023-01-01javascript中mouseover、mouseout使用詳解
這篇文章主要介紹了javascript中mouseover、mouseout使用詳解的相關(guān)資料,需要的朋友可以參考下2015-07-07Javascript的構(gòu)造函數(shù)和constructor屬性
我們知道,默認(rèn)情況下,對一個函數(shù)前面使用new,可以構(gòu)造出一個對象。每一個對象都有一個constructor屬性,這個constructor屬性指向構(gòu)造出該對象的函數(shù)。2010-01-01經(jīng)常用到的javascript驗(yàn)證函數(shù)收集
經(jīng)常用到的javascript驗(yàn)證函數(shù)收集...2007-11-11