js中setTimeout和clearTimeout的使用

最新推荐文章于 2023-10-25 11:30:55 发布

租房请下载：房东直租APP

最新推荐文章于 2023-10-25 11:30:55 发布

阅读量3.8w

点赞数 9

分类专栏： jquery 文章标签： setTimeout clearTimeout 超时清除 jquery

jquery 专栏收录该内容

73 篇文章 0 订阅

订阅专栏

一、概念

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

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

二、使用场景

1、写计时器

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

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

三、使用方法

[html]view plain copy 
   
 <html>  
 <head>  
 <script type="text/javascript">  
 var c=0  
 var t  
 function timedCount()  
 {  
 document.getElementById('txt').value=c  
 c=c+1  
 t=setTimeout("timedCount()",1000)  
 }  
   
 function stopCount()  
 {  
 clearTimeout(t)  
 }  
   
 </script>  
 </head>  
   
 <body>  
 <form>  
 <input type="button" value="开始计时！" onClick="timedCount()">  
 <input type="text" id="txt">  
 <input type="button" value="停止计时！" onClick="stopCount()">  
 </form>  
   
 <p>  
 请点击上面的“开始计时”按钮。输入框会从 0 开始一直进行计时。点击“停止计时”可停止计时。  
 </p>  
   
 </body>  
   
 </html>  

租房请下载：房东直租APP

关注

9
点赞
踩
15

收藏

觉得还不错? 一键收藏
2
评论
js中setTimeout和clearTimeout的使用

一、概念1、js中可以通过setTimeout函数设置定时器，让指定的代码在指定的时间运动. 如果我们希望在setTimeout之行前终止其运行就可以使用clearTimeout()。2、clearTimeout()用于重置js定时器，如果你希望阻止setTimeout的运行，就可以使用clearTimeout方法。二、使用场景1、写计时器2、需要让程序隔一
复制链接

扫一扫