滑動500ms後鼠標站jquery元素

Question

我想滑動向下（或向上）發生在鼠標輸入emelent並在其上停留500ms，這意味着我不想向下滑動或向上觸發只有鼠標通過我的元素快速，我想滑下觸發元素上，只有當鼠標停止500毫秒

Answer 1

感謝user26409021

這項工作對我來說

var myTimeout; 
    $('.front-box').each(function(){ 
    var element=this; 
    $(this).hover(function(){ 
    myTimeout = setTimeout(function() { 
    $(element).find('.hover-img').slideDown('4000'); 
    }, 500); 
},function(){ 
    clearTimeout(myTimeout); 
    $(element).find('.hover-img').slideUp('4000'); 
    }); 
}); 

Answer 2

你可以做這樣的事情：

var myTimeout; 
$('div').mouseenter(function() { 
    myTimeout = setTimeout(function() { 
     $('div').slideToggle('slow'); 
    }, 1000); 
}).mouseleave(function() { 
    clearTimeout(myTimeout); 
}); 

Fiddle。