はjqueryの3秒待って、マウスオーバー

Question

後、私は私がy_eのユーザーマウスオーバーした後、3秒待つことができますどのようにこのjqueryのコード

$(".y_e").mouseover(function(){ 
     $(this).children(".Photopreview").show("fast"); 
     $(this).mouseleave(function(){ 
      $(this).children(".Photopreview").hide("fast"); 
     }) 
}); 

このHTML

 <div class="y_e"> 
     <div class="Photopreview"> 
     <img src="../uploads/a.jpg"/> 
     <div class="Arrow_down" ></div> 
     </div> 
    </div> 

を持っていますか？

Answer 1

あなたが使用することができます

"遅延" jqueryのメソッド匿名関数でのsetTimeoutを実装してみ

$(".y_e").mouseover(function(){ 
    $(this).children(".Photopreview").stop(true,true).delay(3000).show("fast"); 
}); 
$(this).mouseleave(function(){ 
    $(this).children(".Photopreview").stop(true,true).hide("fast"); 
}); 

注：他の内側にイベントリスナーを登録しませんこれは、同じイベントタイプに対して複数のリスナーを登録するためです。

Answer 2

待ち時間の目的でsetTimeoutを使用できます。

​​

Answer 3

次のコードのような

$(".y_e").mouseover(function(){ 
    setTimeout(function() { 
     $(this).children(".Photopreview").show("fast"); 
     $(this).mouseleave(function(){ 
      $(this).children(".Photopreview").hide("fast"); 
     })   
    }, 3000); 
});