`

js中断延时的方法

 
阅读更多
js里可以用setTimeout(function({}),5000)来设置延时5秒后执行一个function,有时需要中断延时该怎么做呢?
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是指要中断的代码部分
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics