javascript - 如何在动画完成后重新运行动画(jQuery)？

Question

我想做的是在页面上连续地制作图像动画，同时可以拖动。目前，它可以移动、可拖动，并在初始动画完成后返回到初始位置。

但是，我不知道如何让它再次运行，以便它是一个连续的动画循环。我想将函数 animateCloud() 放在 animateCloud() 中，但不确定将其附加到哪里。下面是 jsFiddle 演示:

http://jsfiddle.net/iamacatperson/SfFgt/2/

如果有更好的方法来做到这一点，我也将不胜感激。我刚刚开始学习 jQuery，只知道一些语法。

Answer 1

我不知道你为什么使用.stop()，但我想这应该有用-

function animateCloud() {
    $(cloud).animate({
        left: '300px'
    }, 25000, function() {
        $(this).css({ left: '0' });
         animateCloud();
    });

}

我希望这是你想要的。