登录 主页

Window clearTimeout() 用法

2023-09-15 05:13PM

参考:https://www.runoob.com/w3cnote/javascript-settimeout-usage.html

既然有开始计数,那么相对应的就要有停止计数,停止计时使用的函数为 clearTimeout()。

setTimeout() 方法可以使在浏览器不断执行一段代码或一个函数,当一个 setTimeout( ) 开始了循环的工作, 我们要使它停下来, 可使用 clearTimeout( ) 这方法。

clearTimeout() 方法可取消由 setTimeout() 方法设置的定时操作。

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

注意: 要使用 clearTimeout() 方法, 在创建执行定时操作时要使用全局变量:

clearTimeout() 语法:

clearTimeout(timeoutID)

timeoutID 为调用 setTimeout() 函数时所获得的返回值,使用该返回标识符作为参数,可以取消该 setTimeout() 所设定的定时执行操作。

meter1 =setTimeout("count1()", 1000)
meter2 =setTimeout("count2()", 1000)

使用 meter1 与 meter2 作为 timeoutID 的名称, 在设定 clearTimeout( ) 时, 就可指定对哪一个 setTimeout() 有效, 不会影响另一个 setTimeout() 的操作。

eg:

# html

<form name="display1">
  <input type="text" id="box1" name="box1" value="0" size="5" />
  <input type="button" value="停止计时" onclick="clearTimeout(meter1)" />
  <input type="button" value="继续计时" onclick="count1() "/>
</form>
<p></p>
<form name="display2">
  <input type="text" id="box2" name="box2" value="0" size="5" />
  <input type="button" value="停止计时" onclick="clearTimeout(meter2)" />
  <input type="button" value="继续计时" onclick="count2()" />
</form>

# javascript

<script>

x = 0  
y = 0  
 
function count1( )  
{ 
    x = x+ 1  
    document.getElementById("box1").value= x  
    meter1=setTimeout("count1()", 1000)  
}
 
function count2( )
{ 
    y = y+ 1  
    document.getElementById("box2").value= y  
    meter2=setTimeout("count2()", 1000)  
}  
// 执行函数
count1( )  
count2( )

</script>

 

这个实例通过点击 "停止计时" 按钮就会停止计数程序。停止后,可以再以次点击 "继续计时" 按钮就会继续开始计数。

 

返回>>

登录

请登录后再发表评论。

评论列表:

目前还没有人发表评论