本文摘自PHP中文网，作者醉折花枝作酒筹，侵删。
在javascript中，可以使用clearInterval方法使定时器停止，语法“clearInterval(由setInterval方法设置的timeout)”，该方法的参数必须是由setInterval返回的ID值。
本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 | <html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style type="text/css">
#btn1:hover,#btn2:hover {
background: red;
}
</style>
</head>
<body>
<input type="button" id="btn1" value="开启" />
<input type="button" id="btn2" value="关闭" />
<script>
var obtn1=document.getElementById('btn1');
var obtn2=document.getElementById('btn2');
var timer=null;
obtn1.onclick=function()
{
timer=setInterval(function() //开启循环：每秒出现一次提示框
{
alert('a');
},1000);
}
obtn2.onclick=function()
{
clearInterval(timer); //关闭循环
}
</script>
</body>
</html>
|
clearInterval() 方法可取消由 setInterval() 设置的 timeout。
clearInterval() 方法的参数必须是由 setInterval() 返回的 ID 值。
语法
1 | clearInterval(id_of_setinterval)
|
【推荐学习：javascript高级教程】
以上就是javascript定时器怎么停止的详细内容，更多文章请关注木庄网络博客！
相关阅读 >>
javascript中常量和变量的区别是什么
javascript中怎么将字符串转为数字
javascript运行没有效果是怎么回事？
canvas实现弹球的代码示例
javascript和java之间有什么区别
在javascript中，nan是什么类型？
如何实现炫酷的数字大屏
不属于javascript的数据类型是什么
javascript如何实现页面跳转
javascript中return方法详解
更多相关阅读请进入《javascript》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » javascript定时器怎么停止
