Как предотвратить анимацию цикла, чтобы приостановить

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);

});

Как вы можете видеть в демо квадраты пауза любое движение после 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

});