一、概念
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>