zoukankan html css js c++ java

JS window对象取消计时器clearTimeout() setTimeout()和clearTimeout()一起使用，停止计时器。语法: clearTimeout(id_of_setT

取消计时器clearTimeout()

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

语法:

clearTimeout(id_of_setTimeout)

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

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

<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript">
  var num=0,i;
  function timedCount(){
    document.getElementById('txt').value=num;
    num=num+1;
    i=setTimeout(timedCount,1000);
  }
    setTimeout(timedCount,1000);
  function stopCount(){
    clearTimeout(i);
  }
</script>
</head>
<body>
  <form>
    <input type="text" id="txt">
    <input type="button" value="Stop" onClick="stopCount()">
  </form>
</body>
</html>

任务

补充右边编辑器第16行，完成取消计时器函数。

补充右边编辑器第23行，点击Start按钮后，开始计数。

补充右边编辑器第24行，点击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" onclick="startCount()"  />
    <input type="button" value="Stop" onclick="stopCount()"  />
  </form>
</body>
</html>

查看全文

相关阅读:
pyspark 基本api使用说明（一）
584. 寻找用户推荐人
 Spring IOC 容器源码分析(了解模板方法--钩子方法在spring中的使用)
Mybatis事务创建和管理
 Mybatis源码分析执行流程总结
 设计模式之责任链模式
 设计模式之外观模式（门面模式）以及如何利用到接口设计中
 如何在聚合支付平台，巧用模板+工厂设计模式来实现异步回调
 浅谈设计模式之代理设计模式
 Java线上问题排查思路

原文地址：https://www.cnblogs.com/yongbin668/p/5592737.html

JS window对象 取消计时器clearTimeout() setTimeout()和clearTimeout()一起使用，停止计时器。 语法: clearTimeout(id_of_setT

取消计时器clearTimeout()

任务

JS window对象取消计时器clearTimeout() setTimeout()和clearTimeout()一起使用，停止计时器。语法: clearTimeout(id_of_setT