JQuery SetTimeout nicht richtig in Schleife arbeiten

Question

Hallo Ich habe eine Seite, die drei divs in der es so etwas wie dieser Rolle den Bildschirm Auto zu tun, macht

jedes div hat 500px Höhe, was ich versuche, sieht jeder drei Sekunden, bis die nächste div Position zu erreichen und sobald es das letzte div von Anfang an gehen erreichen zurück und beginnen, und dies hier für unendliche zu tun ist mein j Abfragecode

$(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

Versuchen Sie, diese

$(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); 
});