Javascript 我该如何加速动画车，并使它在它之前消失？

我正在使用Jquery在网页顶部制作汽车动画。我用这个代码让它从左向右移动

/* Car */
function animateCar($car, endPos, duration) {
    $car.animate({
        left: endPos + "px",
    }, { duration: duration, easing: 'linear', queue: false });
    setTimeout(function() {
        $car.animate({
            opacity: 0
        }, { duration: 6000, easing: 'linear', queue: false });
    }, 74000);
}
animateCar($(".car"), 1200, 80000);

现在，它从我的1000像素的盒子里驶出，我希望它在到达之前消失。我也希望它移动得快一点

谢谢

---

：

你可以考虑将动画触发器链接在一起。

function animateCar($car, endPos, duration) {
    var opacityDuration = parseInt(duration * .75);
    $car.animate({
        left: endPos + "px",
     }, { duration: duration, easing: 'linear', queue: false })
    .delay(duration - opacityDuration)
    .animate({
        opacity: 0
    }, { duration: opacityDuration, easing: 'linear', queue: false });
}

---

在这里，我开始在整个动画中进行3/4的淡入淡出。当然，您可以根据需要进行更改。如果你想加快整个动画的速度，只需缩短持续时间。

要使其更快，请将持续时间从80000改为更快。如果你解释它是如何工作的，例如汽车永不褪色，并询问原因，然后只说明要执行的任务，你会得到更好的回答。css3过渡是通往天堂的途径！它使你的动画向后兼容。对你来说，你提供的代码工作正常，但我设法修复了原来的代码。