JavaScript中停止执行setInterval和setTimeout事件的方法
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript中停止执行setInterval和setTimeout事件的方法,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1997字,纯文字阅读大概需要3分钟。
内容图文
![JavaScript中停止执行setInterval和setTimeout事件的方法](/upload/InfoBanner/zyjiaocheng/303/dc073b08019648d2a22286fe3982614a.jpg)
js 代码中执行循环事件时,经常会用到 setInterval 和 setTimeout 这两个方法,关于这两个方法的细节这里不详细讨论了,简要分享下在需要停止循环事件的时候该如何操作。
(1)setInterval 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式,停止该方法可使用 clearInterval 方法。具体示例如下:
代码如下:
<html> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <body> <input type="text" id="clock" size="50" /> <script language=javascript> var int=self.setInterval("clock()",50);//每隔 50 毫秒调用 clock() 函数 function clock(){ var t=new Date(); document.getElementById("clock").value=t; } </script> <button onclick="window.clearInterval(int)">停止 interval</button> </body> </html>
语法 clearInterval(id_of_setinterval)
参数 id_of_setinterval 表示由 setInterval() 返回的 ID 值。
clearInterval() 方法可取消由 setInterval() 设置的 timeout;clearInterval() 方法的参数必须是由 setInterval() 返回的 ID 值。
(2)setTimeout 方法用于在指定的毫秒数后调用函数或计算表达式。停止该方法可使用 clearTimeout 方法。具体示例如下:
提示:setTimeout() 只执行 code 一次。如果要多次调用,请使用 setInterval() 或者让 code 自身再次调用 setTimeout()。
代码如下:
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript"> var c=0; var t; function timedCount(){ document.getElementById('txt').value=c; c=c+1; t=setTimeout("timedCount()",1000); } function stopCount(){ clearTimeout(t); } </script> </head> <body> <input type="button" value="开始计数" onClick="timedCount()"> <input type="text" id="txt"> <input type="button" value="停止计数" onClick="stopCount()"> </body> </html>
clearTimeout() 方法可取消由 setTimeout() 方法设置的 timeout。
语法 clearTimeout(id_of_settimeout)
参数 id_of_setinterval 表示由 setTimeout() 返回的 ID 值。该值标识要取消的延迟执行代码块。
更多JavaScript中停止执行setInterval和setTimeout事件的方法相关文章请关注PHP中文网!
内容总结
以上是互联网集市为您收集整理的JavaScript中停止执行setInterval和setTimeout事件的方法全部内容,希望文章能够帮你解决JavaScript中停止执行setInterval和setTimeout事件的方法所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。