Window clearTimeout() 方法

定义和用法

clearTimeout() 方法可取消由 setTimeout() 方法设置的 timeout。

clearTimeout()方法的参数必须是由setTimeout()返回的ID值。

语法

clearTimeout(id_of_settimeout)

浏览器支持

所有主要浏览器都支持 clearTimeout() 方法

实例

下面的例子，有一个"Start count！"按钮来启动一个定时器，一个输入字段，会永远计数，和一个"Stop count！"按钮，将停止计时器：

<html>
 <head>
 <script>
 var c=0;
 var t;
 var timer_is_on=0;

 function timedCount()
   {
   document.getElementById('txt').value=c;
   c=c+1;
   t=setTimeout(function(){timedCount()},1000);
   }

 function doTimer()
   {
   if (!timer_is_on)
     {
     timer_is_on=1;
     timedCount();
     }
   }

 function stopCount()
   {
   clearTimeout(t);
   timer_is_on=0;
   }
 </script>
 </head>
 <body>

 <form>
 <input type="button" value="Start count!" onclick="doTimer()">
 <input type="text" id="txt">
 <input type="button" value="Stop count!" onclick="stopCount()">
 </form>

 </body>
 </html>

运行一下 »