鼠标停止2秒后.slideUp（）

Question

我有一个幻灯片的东西，我只希望#content div在鼠标离开.content超过2秒后向上滑动。但我希望能够将鼠标重新放回，如果它在2秒内。这是小提琴 - http://jsfiddle.net/YZDGu/。

Answer 1

使用setTimeout和clearTimeout：

var slideTimer;

$(".container").hover(function(){
    $('#content').slideDown();
    clearTimeout(slideTimer);
},function(){
    slideTimer = setInterval(function() {
      $('#content').slideUp();
    }, 2000);
});

演示：http://jsfiddle.net/GFpHH/

Answer 2

使用set / clearInterval更新了您的小提琴here。

请参阅setInterval和clearInterval。

Answer 3

添加延迟：

$(".container").hover(function(){
        $(".container #content").slideDown();
},function(){
        $(".container #content").delay(2000).slideUp();
});