これをより再帰的にアニメーション化されたjQueryスクリプトにするにはどうすればよいですか？

Question

アイデアは、雲divをアニメーション化し、それを永続的に前後にアニメーション化することです。これはうまくいきますが、残念ながらメモリリークやUIの遅延が起こりやすいと思います。どんなアドバイスもありがたいです。ありがとうございます。

function animateCloud() { 
    $('#cloud').animate({ right: '+=500' }, { duration: 35000, easing: "linear", queue: true }); 
    animateOpposite(); 
} 

function animateOpposite() { 
    $('#cloud').animate({ right: '-=500' }, { duration: 35000, easing: "linear", queue: true }); 
    animateCloud(); 
} 

$(document).ready(function() { 
    animateCloud(); 
}); 

Answer 1

あなたのコードがメモリをまったくリークしないとは思っていませんが、コールを短く作成することはできます。

function animateCloud() { 
    $('#cloud').animate({ right: '+=500' }, { duration: 35000, easing: "linear" }) 
       .animate({ right: '-=500' }, { duration: 35000, easing: "linear", complete: animateCloud }); 
} 

例：http://www.jsfiddle.net/bh3f4/

Answer 2

オプションのコールバック引数を使用します。アニメーションが終了すると、jqueryが関数を呼び出します。他の方向をアニメーション化する完璧な時間。