如何防止循环动画暂停

Question

（喝咖啡休息时间）

THE ANIMATION IN QUESTION

有这个：

$('.cloud').each(function(){
    var cloud = $(this);

    function move(){
        mL = Math.round(Math.random()*60);
        mT = Math.round(Math.random()*60);
        cloud.animate({left: mL, top: mT },2000);  
    }           
    move();

    setInterval(function() {
        move();
    }, 2000);

});

正如您在demo广场暂停中所看到的那样， 2 秒之后的任何动作。而且他们继续循环。在没有暂停/重启的情况下让它们滚动的方法是什么？非常感谢你：）

Answer 1

$('.cloud').each(function(){
    var cloud = $(this);

    function move(){
        mL = Math.round(Math.random()*60);
        mT = Math.round(Math.random()*60);
        // set callback upon complete animation
        // set easing to linear to prevent acceleration and deceleration of animation
        cloud.animate({left: mL, top: mT },2000,'linear',move);  
    }           
    move();

   // get rid of timer

});