如何停止setInterval()

周鹏飞 2019-11-18 388 阅读

本章节介绍一下如何停止定时器方法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。

最新游戏