JavaScript HTML DOM Window clearTimeout() 方法

• 

  Window clearTimeout() 方法

  clearTimeout()方法清除使用setTimeout()方法设置的计时器 。setTimeout()返回的ID值用作clearclearInterval()方法的参数。

  myVar = setTimeout("javascript function", milliseconds);

  然后，如果函数尚未执行，则可以通过调用clearTimeout()方法来停止执行。

  阻止使用setTimeout()设置的函数执行：

  var myVar;
  
  function myFunction() {
    myVar = setTimeout(function(){ alert("Hello"); }, 3000);
  }
  
  function myStopFunction() {
    clearTimeout(myVar);
  }

  尝试一下
• 

  浏览器支持

  项	IE/Edge	Chrome	FireFox	Safari	Opera
  方法
  clearTimeout()	4.0+	1.0+	1.0+	1.0+	4.0+

• 

  语法

  clearTimeout(id_of_settimeout)
• 

  参数值

  值	类型	描述
  id_of_settimeout	-	需要。 setTimeout()方法返回的计时器的ID值

• 

  技术细节

  项目	描述
  返回值：	没有

• 

  更多例子

  以下示例具有“开始计数！” 按钮启动计时器，一个永远计数的输入字段，以及“停止计数！” 将停止计时器的按钮：

  <button onclick="startCount()">Start count!</button>
  <input type="text" id="txt">
  <button onclick="stopCount()">Stop count!</button>
  
  <script>
  var c = 0;
  var t;
  var timer_is_on = 0;
  
  function timedCount() {
    document.getElementById("txt").value = c;
    c = c + 1;
    t = setTimeout(timedCount, 1000);
  }
  
  function startCount() {
    if (!timer_is_on) {
      timer_is_on = 1;
      timedCount();
    }
  }
  
  function stopCount() {
    clearTimeout(t);
    timer_is_on = 0;
  }
  </script>
  

  尝试一下