500ms鼠标站在元素jquery上后向下滑动

Question

我希望当鼠标进入emelent并停在它上500ms时发生向下滑动（或向上），这意味着我不希望仅在鼠标快速通过鼠标的情况下向下或向上滑动， I只有当鼠标在元素上停止500ms

时才会触发向下滑动

Answer 1

您可以这样做：

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

Fiddle

Answer 2

感谢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');
    });
});