JavaScript之取消计时器clearTimeout()

AlexYBB

于 2015-09-03 19:54:54 发布

阅读量5.6k

点赞数 1

分类专栏： JavaScript学习

本文链接：https://blog.csdn.net/beibei0921/article/details/48197075

版权

JavaScript学习专栏收录该内容

14 篇文章 0 订阅

订阅专栏

setTimeout()和clearTimeout()一起使用，停止计时器。

语法:

clearTimeout(id_of_setTimeout)

参数说明:

id_of_setTimeout：由 setTimeout() 返回的 ID 值。该值标识要取消的延迟执行代码块。

下面的例子和上节的无穷循环的例子相似。唯一不同是，现在我们添加了一个 "Stop" 按钮来停止这个计数器：

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>计时器</title>
</head>
<script type="text/javascript">
  var num=0;
  var i;
  function startCount(){
    document.getElementById('count').value=num;
    num=num+1;
    i=setTimeout("startCount()",1000);
  }
  function stopCount(){
    clearTimeout(i);
  }
</script>
</head>
<body>
  <form>
    <input type="text" id="count" />
    <input type="button" value="Start" οnclick="startCount()" />
    <input type="button" value="Stop" οnclick="stopCount()"  />
  </form>
</body>
</html>

AlexYBB

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript之取消计时器clearTimeout()

setTimeout()和clearTimeout()一起使用，停止计时器。语法:clearTimeout(id_of_setTimeout)参数说明:id_of_setTimeout：由 setTimeout() 返回的 ID 值。该值标识要取消的延迟执行代码块。下面的例子和上节的无穷循环的例子相似。唯一不同是，现在我们添加了一个 "Stop" 按钮来停止这个计数器：
复制链接

扫一扫

专栏目录