一、概念

1、js中可以通过setTimeout函数设置定时器,让指定的代码在指定的时间运动. 如果我们希望在setTimeout之行前终止其运行就可以使用clearTimeout()。

2、clearTimeout()用于重置js定时器,如果你希望阻止setTimeout的运行,就可以使用clearTimeout方法。

二、使用场景

1、写计时器

2、需要让程序隔一段时间处理什么事情,如3秒后自动关闭弹出框等

3、事件延迟,满足业务需求,如鼠标从主菜单moveout的时候,判断鼠标是否moveover副菜单,再隐藏副菜单。

三、使用方法


1. <html>  
2. <head>  
3. <script type="text/javascript">  
4. var c=0  
5. var t  
6. function timedCount()  
7. {  
8. document.getElementById('txt').value=c  
9. c=c+1  
10. t=setTimeout("timedCount()",1000)  
11. }  
12.   
13. function stopCount()  
14. {  
15. clearTimeout(t)  
16. }  
17.   
18. </script>  
19. </head>  
20.   
21. <body>  
22. <form>  
23. <input type="button" value="开始计时!" onClick="timedCount()">  
24. <input type="text" id="txt">  
25. <input type="button" value="停止计时!" onClick="stopCount()">  
26. </form>  
27.   
28. <p>  
29. 请点击上面的“开始计时”按钮。输入框会从 0 开始一直进行计时。点击“停止计时”可停止计时。  
30. </p>  
31.   
32. </body>  
33.   
34. </html>