jquery - jQuery淡出同时动画结束

Question

我有以下为背景图像设置动画的代码。在动画结束时，它会淡出。但是，我想要实现的是在动画完成之前让元素淡出。因此，如果动画需要 6 秒，而淡出需要 2 秒，那么淡出将在 4 秒开始，因此动画的结束和淡出的结束同时发生。任何帮助将非常感激。

first_slide.animate({'background-size':'100%'}, 6000, 'linear').fadeOut(2000);

Answer 1

您必须以不同的方式分配动画，添加 queue:false 值，以便 div 可以同时具有两个动画。然后只需添加延迟：

http://jsfiddle.net/8df2t/

first_slide.animate({
    'background-size': '100%'
}, {
    duration: 6000,
    easing: 'linear',
    queue: false
})
    .delay(4000).fadeOut(2000);

Answer 2

尝试使用.delay()，它将 stmt 的执行延迟fadeOut(2000)4 秒

first_slide.animate({'background-size':'100%'}, 6000, 'linear').delay(4000).fadeOut(2000);

Answer 3

您也可以分别使用它们。

     first_slide.animate({'background-size':'100%'}, 6000, 'linear');

     window.setTimeout(function(){

           first_slide.fadeOut(2000);       
     },4000);