> JavaScript中文手册 > clearTimeout()

定义和用法

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

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

语法

clearTimeout(id_of_settimeout)

浏览器支持

clearTimeout()clearTimeout()clearTimeout()clearTimeout()clearTimeout()

所有主要浏览器都支持 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>
运行一下 »
上一篇:
下一篇: