在懸停延遲中添加延遲

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); 
     });