대각선 애니메이션 반복하기

Question

나는 내 우주선을 대각선으로 왼쪽과 아래로 날으려고하고 있지만 같은 루프를 다시하도록 재설정 할 수는 없지만 어떤 도움도 멋질 것입니다.

$(document).ready(function() { 
    setTimeout("spaceship1()",400); 
    }); 

function spaceship1(){ 
    $("#spaceship1").animate({ 
      left:"-=800px", 
      top:"+=800px" 
    },2000).animate({ 
      top:"-800px" 
    },0); 
    setTimeout("spaceship1()",2000); 
    } 
} 

Answer 1

당신은/예약 애니메이션의 다음 라운드를 시작하고 setTimeout()와 문자열을 사용하지 마십시오, 실제 함수 참조를 사용하는 애니메이션에서 완성 기능을 사용하여 다음과 같이 그것을 할 수 있습니다.

애니메이션도 시작 지점으로 돌아 가지 않으므로 루프를 완성해야 수정 될 수 있습니다. 그렇지 않으면 원래 위치로 돌아 가지 않습니다. 그게 의도되었는지 아닌지 나는 잘 모르겠습니다.

$(document).ready(function() { 

    function spaceship1() { 
     $("#spaceship1").animate({ 
       left:"-=800px", 
       top:"+=800px" 
     },2000).animate({top:"-800px"}, 2000, function() { 
      setTimeout(spaceship1, 2000); 
     }); 
    } 

    setTimeout(spaceship1, 400); 
});