javascriptを使用した無限の今後のテキスト

Question

私の仕事は、divブロックの中で次の無限のテキストブロックを持つページを作成することです。

<script> 
      var startOffset = 0; 
      var startOffsetPlus; 
      var startOffsetMinus; 
      $(document).ready(function() { 

       startOffset = $(".carousel-item").last().offset().top; 
       startOffsetPlus = "+="+ startOffset +"px"; 
       startOffsetMinus = "-="+ startOffset +"px"; 
       //endless loop call 
       setInterval('beginEndlessLoop()', 1000/*Starting delay in ms*/); 
      }); 
      function beginEndlessLoop(){ 
       setInterval('moveTextUp()', 0 /*ms*/); 
      } 
      function moveTextUp() { 
       $(".carousel-block").animate(
        {"top": startOffsetMinus}, 
        { 
         duration: 10000/*ms*/, 
         easing: "linear"} 
        ); 
       //move blocks to start position 
       $(".carousel-block").animate({"top": startOffsetPlus}, 0/*ms*/); 
      } 
</script> 

このソリューションは正常に動作します： はここに私のソリューションです。しかし、1つの問題は、このスクリプトがプロセッサとメモリをますます必要とすることです。私はJavaScriptのプログラマーではない。誰でもガベージコレクタなどを呼び出す方法を教えてください。 =）

Answer 1

で

使用コールバックを必要といけません。作品！

<script> 
      var startOffset = 0; 
      var startOffsetPlus; 
      var startOffsetMinus; 
      $(document).ready(function() { 
       startOffset = $(".carousel-item").last().offset().top; 
       startOffsetPlus = "+="+ startOffset +"px"; 
       startOffsetMinus = "-="+ startOffset +"px"; 
       window.setTimeout(function(){moveTextUp()}, 3000); 
      }); 
      function moveTextUp() { 
       $(".carousel-block").animate({"top": startOffsetMinus}, 10000, 'linear', function() { 
        $(".carousel-block").animate({"top": startOffsetPlus}, 0); 
        moveTextUp(); 
       }); 
      } 
</script> 

Answer 2

あなたがたsetInterval（）$ .animate

完了

function moveTextUp() 
{ 
$(".carousel-block").animate(
        {"top": startOffsetMinus}, 
        { 
         duration: 10000/*ms*/, 
         easing: "linear", 
         complete: moveTextUp 
        } 

        ); 
}