[笔记]关于JavaScript定时器如何清除和重启

最新推荐文章于 2024-08-13 04:09:06 发布

原创最新推荐文章于 2024-08-13 04:09:06 发布 · 9.6k 阅读

5 ·

CC 4.0 BY-SA版权

JavaScript 专栏收录该内容

44 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现的定时器管理方法，包括如何清除和重新启动定时器，以及一个可复用的延时显隐下拉菜单示例。通过这种方法可以有效地控制定时任务的执行。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

定时器的清除和重启方法：

//
var t=setInterval(fun1,500) //fun1是你的函数
var fun1=function(){
    //写入你的函数;
}
clearInterval(t)//清除定时器
t=setInterval(fun1,500)//重新开始定时器

提示：要先清除，后设置，否则定时器永远清除不了。

例子：

一个可复用的延时显隐下拉菜单的js(抓元素和show();hide();等方法基于jQuery)

//顶部导航下拉列表
    function showhide(objMouseenter,objshow){
        var timer = null;
        //移入显示
        $(objshow).mouseenter(function(){
            clearTimeout(timer);
        });
        $(objMouseenter).mouseenter(function(){
            clearTimeout(timer);
            $(objshow).show();
        });        
        //移出设置定时器隐藏
        $(objMouseenter).mouseleave(function(){            
            timer = setTimeout(function() {
                $(objshow).hide();
            }, 500);
        }); 
        $(objshow).mouseleave(function(){
            timer = setTimeout(function() {
                $(objshow).hide();
            }, 500);
        });
    }
    showhide('#navFollow','#qrCode');