Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/68.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在悬停延迟中添加延迟_Javascript_Jquery_Jquery Hover - Fatal编程技术网

Javascript 在悬停延迟中添加延迟

Javascript 在悬停延迟中添加延迟,javascript,jquery,jquery-hover,Javascript,Jquery,Jquery Hover,我想为下面的代码在悬停效果中添加一个延迟。我在jQuery方面很弱 $(".home-furniture .menu > ul > li > a").hover(function(e){ e.preventDefault(); $(".home-furniture .menu > ul > li > a").removeClass("active"); $(".home-furniture .menu > ul > li &

我想为下面的代码在悬停效果中添加一个延迟。我在jQuery方面很弱

$(".home-furniture .menu > ul > li > a").hover(function(e){
    e.preventDefault();
    $(".home-furniture .menu > ul > li > a").removeClass("active");
    $(".home-furniture .menu > ul > li > .gallery").removeClass("active");
    $(".home-furniture .menu > ul > li > div .viewer-border").css({"left":"-9999em"});
    $(this).next().find(".viewer-border").removeAttr("style");

    $(this).addClass("active");
    $(this).next().addClass("active");
});

设置一个计时器,在所需延迟后运行代码。假设您想取消悬停时的操作(此处显示的延迟为1000毫秒):


非常相似的问题:这能回答你的问题吗?你好我试着这样做,整个动画停止了
        var id;
        $(".home-furniture .menu > ul > li > a").hover(function (e) {
            e.preventDefault();
            id = setTimeout(function () {
                $(".home-furniture .menu > ul > li > a").removeClass("active");
                $(".home-furniture .menu > ul > li > .gallery").removeClass("active");
                $(".home-furniture .menu > ul > li > div .viewer-border").css({ "left": "-9999em" });
                $(this).next().find(".viewer-border").removeAttr("style");
                $(this).addClass("active");
                $(this).next().addClass("active");
            }, 1000);
        },
        function (e) {
            clearTimeout(id);
        });