アニメーションがループしてブラウザがクラッシュすることはありますか？

Question

いくつかのPNGが、いくつかのブラウザをクラッシュさせていると思われる繰り返しループで画面の周りを移動しています。例えば

：

function parachute_drop(drop_object, animation_duration) { 

    $(drop_object) 
     .animate({top: "750px"},animation_duration) 
     .animate({top:"-150px", opacity: 100 
     },{ 
     duration: 0, 
     complete: function(){ 
      parachute_drop(drop_object,animation_duration); 
     } 
    }); 
} 

parachute_drop('#object_id',10000); 

毎回アニメーションが完了し、それは何度も無限に機能を起動します。

私はこれが問題になるとは思っていませんでしたが、これはあまり良くないと聞いたことがあります。私のサイトは、今のようにしばらくしてからクラッシュしています。

このような無限ループをより安定した方法で行う方法はありますか？ 9kbのPNGファイルを画面の上部から下部に何度も何度も移動させることは、システムリソースに負担をかけることになるというのはちょっと奇妙なようです。何が問題なのですが、私はこれにもっとどのようにアプローチしますか？

Answer 1

あなたのコードは再帰的アルゴリズムであり、ブラウザのjavascriptマシンのコードスタックを埋めるとクラッシュする可能性があります。タイマーに基づいて異なるアプローチを使用して、連続ループを達成することができます。

あなたはこの例から始めることができます：setTimeout`または `` setInterval`にでhttp://www.irengba.com/codewell/