代码描述：如何停止setInterval()。如何停止setInterval()
如何停止setInterval()
2019-02-27 13:15:41本章节介绍一下如何停止定时器方法setInterval的运行，代码实例如下：
<!DOCTYPE HTML>
<html>
<meta charset="utf-8">
<meta name="author" content="http://www.51qianduan.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。
192 255
用户评论
大牛，别默默的看了，快登录帮我点评一下吧！:)
登录 |
注册
