在悬停延迟中添加延迟

Question

我想为下面的代码在悬停效果中添加一个延迟。我在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"); 
}); 

Answer 1

设置一个计时器，在您希望的延迟后运行您的代码。假如您要取消悬停出（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); 
     });