滑动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。