0

移動する div のアニメーションを制御する JavaScript コードがあります。これでは、setTimeout を使用して div を移動させました。次のリンクをクリックして、アニメーションを再生できます。

     `http://jsfiddle.net/dudling007/PfPzj/3/`

問題は、アニメーションを再生した後、一時停止ボタンと再開ボタンを数回クリックするたびに、大量のメモリが必要になり、一時停止ボタンのクリックも非常に遅くなることです。MAC OSX のアクティビティ モニタから %CPU と実際のメモリ消費量を見ました。一時停止ボタンを 10 ～ 14 回クリックした後、大量のメモリを消費しているコードの問題を教えてください。

4

1 に答える 1

1

メソッドが呼び出される$('#pause_button').clickたびにイベントが設定されるため、メモリ リークが発生します。moveCardボタンのバインドは、「オブジェクト」サイクルから移動する必要があります。

javascript のコンソールログを確認するには、 firefox用のツールリンクfirebugを使用できます。ログオン一時停止ボタンを使用した例を次に示します。これは一度だけ発生する必要があります。http://jsfiddle.net/Th6ha/1/

$('#pause_button').click(function() { 
console.log('pause pressed');
                      arrayObject.pause(wStart,lStart,wEnd,lEnd);
                      $('#resume_button').css('display','inline-block');
                      $('#pause_button').css('display','none');

                      });

jqueryのanimateメソッドの使用を検討できます

于 2013-05-28T10:50:15.733 に答える