jQuery fadeIn延迟fadeOut，立即使用fadeOut按钮

Question

我想fadeIn对象然后延迟和fadeOut对象并立即点击按钮fadeOut对象。 FadeIn延迟fadeOut工作，但第二个按钮立即fadeOut no。

以下代码无效：

$('.btn1').click(function () {
    $('.obj1').fadeIn(100, function () {
        (this).delay(5000).fadeOut(100);
    });
});

$('.btn2').click(function () {
    $('.obj1').fadeOut(100);
});

感谢您的帮助。

Answer 1

由于动画队列的排队延迟时间为5000毫秒，您需要在按钮2中调用fadeOut()之前清除队列，然后单击

$('.btn1').click(function () {
    $('.obj1').fadeIn(100, function () {
        $(this).delay(5000).fadeOut(100);
    });
});

$('.btn2').click(function () {
    $('.obj1').stop(true, true).fadeOut(100);
});

演示：Fiddle