js clearInterval()方法的定義和用法
更新時(shí)間：2015年11月11日 10:00:48 投稿：mrr
clearInterval()方法能夠取消setInterval()方法設(shè)置的定時(shí)器，本文給大家詳解clearInterval()方法的定義和用法，感興趣的朋友參考下。
此方法能夠取消setInterval()方法設(shè)置的定時(shí)器。
此方法的參數(shù)必須是要取消相應(yīng)的setInerval()方法的返回值。
點(diǎn)擊可參閱更多window對(duì)象的屬性和方法。
語(yǔ)法結(jié)構(gòu):
clearInterval(id)
參數(shù)列表:
瀏覽器支持:
（1）.IE瀏覽器支持此屬性。
（2）.Firefox瀏覽器支持此屬性。
（3）.Opera瀏覽器支持此屬性。
（4）.chrome瀏覽器支持此屬性。
（5）.safria瀏覽器支持此方法。
代碼實(shí)例:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8"/>
<meta name="author" content="http://www.softwhy.com/" />
<title>window對(duì)象的clearInterval()方法 -螞蟻部落</title>
<style type="text/css">
#num{
width:100px;
height:100px;
text-align:center;
line-height:100px;
background-color:green;
margin:50px auto 0px auto;
color:red;
}
#btdiv{
width:76px;
height:76px;
margin:0px auto;
}
</style>
<script type="text/javascript">
var a=0;
window.onload=function(){
var num=document.getElementById("num");
var bt=document.getElementById("bt");
function jisuan(){
num.innerHTML=a;
a=a+1;
}
var flag=setInterval(jisuan,1000);
bt.onclick=function(){
clearInterval(flag);
}
}
</script>
</head>
<body>
<div id="num"></div>
<div id="btdiv"><button id="bt">點(diǎn)擊取消</button></div>
</body>
</html>
以上代碼點(diǎn)擊按鈕可以取消數(shù)字自增效果。
相關(guān)文章
javascript基礎(chǔ)進(jìn)階_深入剖析執(zhí)行環(huán)境及作用域鏈
下面小編就為大家?guī)?lái)一篇javascript基礎(chǔ)進(jìn)階_深入剖析執(zhí)行環(huán)境及作用域鏈。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-09-09
這篇文章主要介紹了js獲取當(dāng)月最后一天實(shí)例代碼，有需要的朋友可以參考一下2013-11-11
這篇文章主要為大家介紹了String對(duì)象的方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來(lái)幫助2021-12-12
這篇文章主要介紹了es6數(shù)值的擴(kuò)展方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03
JavaScript碰撞檢測(cè)原理及其實(shí)現(xiàn)代碼
這篇文章主要為大家詳細(xì)介紹了JavaScript碰撞檢測(cè)原理及其實(shí)現(xiàn)代碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-03-03
js+css簡(jiǎn)單實(shí)現(xiàn)網(wǎng)頁(yè)換膚效果
這篇文章主要介紹了js+css簡(jiǎn)單實(shí)現(xiàn)網(wǎng)頁(yè)換膚效果的方法,涉及JavaScript響應(yīng)鼠標(biāo)事件動(dòng)態(tài)遍歷及修改頁(yè)面元素樣式的相關(guān)技巧,需要的朋友可以參考下2015-12-12
JavaScript類型檢測(cè)之typeof 和 instanceof 的缺陷與優(yōu)化
在javascript中，typeof 和 instanceof 是用來(lái)判斷數(shù)據(jù)類型比較通用的兩個(gè)方法，這篇文章的目的是通過(guò)對(duì)這兩個(gè)方法介紹來(lái)分析其存在的不足并提出優(yōu)化方案2016-01-01
詳解如何替換項(xiàng)目中的if-else和switch
這篇文章主要為大家介紹了詳解如何替換項(xiàng)目中的if-else和switch，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-11-11
js中document.write使用過(guò)程中的一點(diǎn)疑問(wèn)解答
本文為大家介紹下為何如果在頁(yè)面加載完后如果調(diào)用document.write就會(huì)覆蓋整個(gè)文檔2014-03-03
任何一種編程語(yǔ)言的簡(jiǎn)寫小技巧都是為了幫助你寫出更簡(jiǎn)潔、更完善的代碼,讓你用更少的編碼實(shí)現(xiàn)你的需求,這篇文章主要給大家介紹了關(guān)于javascript代碼簡(jiǎn)寫的幾種常用方式,需要的朋友可以參考下2021-08-08