jquery 3步动画队列计时

我想制作一个动画，其中一个元素在向右移动（5000ms）时淡入（1000ms），最后在元素仍向右移动时再次淡出（4000ms，持续1000ms）

我让前两个部分正常工作，但碰巧需要帮助设置最后一个部分的计时（不透明度：0）

这是我的密码：

$(document).ready(function(){
    var truck = $('.truck');
    truck.css("opacity", "0");
    truck.animate({
        opacity: 1
    }, {
        queue: false,
        duration: 1000
    }).animate({
        right: 15
    }, 5000).animate({
        opacity: 0
    }, 1000);

});

谢谢。

试试这个

var truck = $('.truck');
truck.css("opacity", "0");
truck
    .animate({
        right: 15
    }, {
        queue: false,
        duration: 5000
    })
    .animate({
        opacity: 1
    }, 1000)
    .delay(3000)
    .animate({
        opacity: 0
    }, 1000);

这是一个正在工作的JSFIDLE

---

您想让它移动5秒还是4秒？在你的问题中，你两个都说。还有，实际上有什么问题，因为这看起来很好。我希望整个动画需要5s，淡入应该在动画的第一秒钟内1s，淡出应该在5s动画的最后一秒钟内1s。你知道我的意思吗？所以运动需要5秒。这正是我想要的。直到现在，我才知道delay（）非常感谢。没问题-很乐意帮忙：）