のjQueryのsetTimeoutは、ループ内で正常に動作していない

Question

こんにちは、私はそれの内側に3つのdivを持っているページはそれぞれのdivが画面の自動スクロールそれぞれ3を作ってやろうとしています何500pxなどの高さを有し、この

ようになります持っています次のdivの位置に到達し、その最後のdivに戻って最初から開始し、ここで無限のためにこれを行うに達するとすると、私のJクエリコードである

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

    num = 0; 
    function myfunction(){ 
    if(num == 1500) 
    { 
     num = 0; 
    } 

    setTimeout(function(){$('html, body').animate({scrollTop:num}, "normal")},3000); 
    num = num + 500; 
    myfunction(); 
    } 

Answer 1

setTimeout(function(){ 
    $('html, body').animate({scrollTop:num}, "normal"); 
    num = num + 500; 
    myfunction(); 
} 
,3000); 

Answer 2

までの秒はこの

をお試しください

$(document).ready(function() { 

    var scrollAmount = 0; 
    var divHeight = $("div").outerHeight(); 
    var pageHeight = $(document).outerHeight(); 

    var interval = setInterval(function() { 
     if (pageHeight > scrollAmount) { 
      scrollAmount += divHeight; 
     } 
     else { 
      scrollAmount = 0; 
     } 
     $("html, body").animate({ 
      scrollTop: scrollAmount 
     }); 

    }, 2000); 
});