JavaScript Infinitely Looping slideshow with delays?

by

The correct approach is to use a single timer. Using setInterval, you can achieve what you want as follows:

window.onload = function start() {
    slide();
}
function slide() {
    var num = 0, style = document.getElementById('container').style;
    window.setInterval(function () {
        // increase by num 1, reset to 0 at 4
        num = (num + 1) % 4;

        // -600 * 1 = -600, -600 * 2 = -1200, etc 
        style.marginLeft = (-600 * num) + "px"; 
    }, 3000); // repeat forever, polling every 3 seconds
}

More Related Contents:

  1. I want to print odd numbers using javascript [closed]
  2. Which is the fastest way to loop? [for curiosity]
  3. Loop through an array in JavaScript
  4. JavaScript closure inside loops – simple practical example
  5. How do I add a delay in a JavaScript loop?
  6. Looping through array and removing items, without breaking for loop
  7. Event handlers inside a Javascript loop – need a closure?
  8. Please explain the use of JavaScript closures in loops [duplicate]
  9. What’s the fastest way to loop through an array in JavaScript?
  10. Access outside variable in loop from Javascript closure [duplicate]
  11. Javascript efficiency: ‘for’ vs ‘forEach’ [closed]
  12. Iterate through object properties
  13. Are loops really faster in reverse?
  14. adding ‘click’ event listeners in loop [duplicate]
  15. What’s the best way to break from nested loops in JavaScript?
  16. How does a function in a loop (which returns another function) work? [duplicate]
  17. What’s the best way to loop through a set of elements in JavaScript?
  18. For loop through Array only shows last value
  19. Looping through localStorage in HTML5 and JavaScript
  20. JavaScript flattening an array of arrays of objects
  21. passing index from for loop to ajax callback function (JavaScript)
  22. Angular filter a object by its properties
  23. Is optimizing JavaScript for loops really necessary?
  24. How are local variables referenced in closures? [duplicate]
  25. Loop over an array in JavaScript
  26. Javascript while loop return value
  27. Sum two arrays in single iteration
  28. javascript closure immediate evaluation [duplicate]
  29. Setting onclick to use current value of variable in loop [duplicate]
  30. How to loop through key/value object in Javascript? [duplicate]

Leave a Comment