本章节介绍一下如何停止定时器方法setInterval的运行,代码实例如下:

<!DOCTYPE HTML>
<html>
<meta charset="utf-8">
<meta name="author" content="http://www.cxvn.com/" />
<title>如何停止setInterval</title>
<script>
window.onload=function(){
var odiv=document.getElementById("show");
var obt=document.getElementById("bt");
var num=0;
var timer=null;
function count(){
num=num+1;
odiv.innerHTML=num;
}
timer=setInterval(count,1000);
obt.onclick=function(){
clearInterval(timer);
}
}
</script>
</head>
<body>
<div id="show"></div>
<input type="button" id="bt" value="停止运行"/>
</body>
</html>

上面的代码会自动为div元素中的数字加1,点击按钮可以停止此效果。
setInterval方法返回定时器方法的标识,只要将此标识作为clearInterval方法的参数即可停止对应setInterval。

1.《如何停止setInterval()》援引自互联网,旨在传递更多网络信息知识,仅代表作者本人观点,与本网站无关,侵删请联系页脚下方联系方式。

2.《如何停止setInterval()》仅供读者参考,本网站未对该内容进行证实,对其原创性、真实性、完整性、及时性不作任何保证。

3.文章转载时请保留本站内容来源地址,https://www.cxvn.com/study/248.html