Javascript jQuery为剩余时间设置动画

我试着通过增加左边的位置来让一个俯冲滑向右边，我希望它慢慢地从左手边滑向右边，然后循环回到起点。现在我只是想给这个位置设置动画，这样它就不会马上跳起来了-

$('#pig').css('left', 200).animate(300);

语法是

$('#pig').animate({left: 200}, 300);

要在队列中添加动画，您可以将它们链接起来

$('#pig').animate({left: 200}, 300).animate({left: 0}, 300);

或者使用callback参数，或者使用jQuery的队列在队列中设置所需数量的动画

$('#pig').queue(function() {
    $(this).animate({left: 200}, 300);
    $(this).animate({left: 0}, 300);
}).dequeue();

或者，为了使其递归，您可以使用两者的组合

(function ani() {
    $('#pig').queue(function() {
        $(this).animate({left: 200}, 300);
        $(this).animate({left: 0}, 300, ani);
    }).dequeue();
}());

语法是

$('#pig').animate({left: 200}, 300);

要在队列中添加动画，您可以将它们链接起来

$('#pig').animate({left: 200}, 300).animate({left: 0}, 300);

或者使用callback参数，或者使用jQuery的队列在队列中设置所需数量的动画

$('#pig').queue(function() {
    $(this).animate({left: 200}, 300);
    $(this).animate({left: 0}, 300);
}).dequeue();

或者，为了使其递归，您可以使用两者的组合

(function ani() {
    $('#pig').queue(function() {
        $(this).animate({left: 200}, 300);
        $(this).animate({left: 0}, 300, ani);
    }).dequeue();
}());

---

阿德内奥的回答是正确的，但你也要求回到起点。假设希望div返回其原始位置，则需要像下面这样链接另一个动画：

$('#pig').animate({left: 200}, 300, function() {
  $('#pig').animate({left: 0}, 300);
});

---

阿德内奥的回答是正确的，但你也要求回到起点。假设希望div返回其原始位置，则需要像下面这样链接另一个动画：

$('#pig').animate({left: 200}, 300, function() {
  $('#pig').animate({left: 0}, 300);
});

---

阿德内奥的回答是正确的。请务必查看可用的各种缓解功能。如果你想要最好的控制和最平滑的动画，CSS转换是一个不错的选择。嗯，你需要在一段时间后开始吗？你说“所以它不会立刻跳起来”是什么意思？阿德内奥的回答是正确的。请务必查看可用的各种缓解功能。如果你想要最好的控制和最平滑的动画，CSS转换是一个不错的选择。嗯，你需要在一段时间后开始吗？“所以它不会立刻跳起来”是什么意思？谢谢你的回答！谢谢你的回答！