js中断延时的方法
程序员文章站
2022-06-03 22:00:52
...
js里可以用setTimeout（function（｛｝），5000）来设置延时5秒后执行一个function，有时需要中断延时该怎么做呢？
clearTimeout() 方法可取消由 setTimeout() 方法设置的 timeout，由 setTimeout() 返回的 ID 值标识要取消的延迟执行代码块。
下面是一个网上的小例子：
调用stopCount()时，调用clearTimeout(t)，t是指要中断的代码部分
clearTimeout() 方法可取消由 setTimeout() 方法设置的 timeout，由 setTimeout() 返回的 ID 值标识要取消的延迟执行代码块。
下面是一个网上的小例子：
<html>
<head>
<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>
<form>
<input type="button" value="Start count!" onClick="timedCount()">
<input type="text" id="txt">
<input type="button" value="Stop count!" onClick="stopCount()">
</form>
</body>
</html>
调用stopCount()时，调用clearTimeout(t)，t是指要中断的代码部分
推荐阅读
-
js类中获取外部函数名的方法_javascript技巧
-
js取float型小数点后两位数的方法_javascript技巧
-
ajax跨域请求js拒绝访问的解决方法
-
js实现简单选项卡与自动切换效果的方法_javascript技巧
-
js与jquery实时监听输入框值的oninput与onpropertychange方法
-
php使用gzip压缩传输js和css文件的方法
-
JS实现点击链接取消跳转效果的方法_javascript技巧
-
JS中获取数据库中的值的方法_javascript技巧
-
js固定DIV高度,超出部分自动添加滚动条的简单方法_javascript技巧
-
js实现鼠标感应向下滑动隐藏菜单的方法_javascript技巧