Javascript – telling setInterval to only fire x amount of times?

by

You can call clearInterval() after x calls:

var x = 0;
var intervalID = setInterval(function () {

   // Your logic here

   if (++x === 5) {
       window.clearInterval(intervalID);
   }
}, 1000);

To avoid global variables, an improvement of the above would be:

function setIntervalX(callback, delay, repetitions) {
    var x = 0;
    var intervalID = window.setInterval(function () {

       callback();

       if (++x === repetitions) {
           window.clearInterval(intervalID);
       }
    }, delay);
}

Then you can call the new setInvervalX() function as follows:

// This will be repeated 5 times with 1 second intervals:
setIntervalX(function () {
    // Your logic here
}, 1000, 5);

More Related Contents:

  1. Creating object with dynamic keys [duplicate]
  2. Surprised that global variable has undefined value in JavaScript
  3. Are “(function ( ) { } ) ( )” and “(function ( ) { } ( ) )” functionally equal in JavaScript? [duplicate]
  4. Chrome extension – retrieving global variable from webpage
  5. javascript: pause setTimeout();
  6. Chrome extension code vs Content scripts vs Injected scripts
  7. JSFiddle code not working in my own page
  8. How do I escape a single quote ( ‘ ) in JavaScript? [duplicate]
  9. Detecting if a browser is using Private Browsing mode
  10. Leaderboard ranking with Firebase
  11. Detect 64-bit or 32-bit Windows from User Agent or Javascript?
  12. JavaScript, make a POST with JSON data with fetch()
  13. Javascript ES6 cross-browser detection
  14. Javascript passing arrays to functions by value, leaving original array unaltered
  15. Dynamic jQuery Validate error messages with AddMethod based on the element
  16. Javascript Date: next month
  17. Getting element by a custom attribute using JavaScript
  18. Three.js/WebGL: Large spheres appear broken at intersection
  19. Why was block scope not originally implemented in JavaScript?
  20. Measure distance between two HTML elements’ centers
  21. React – useState – why setTimeout function does not have latest state value?
  22. Mongoose.js: Find user by username LIKE value
  23. How to flip images horizontally with HTML5
  24. Converting milliseconds to minutes and seconds with Javascript
  25. Semaphore-like queue in javascript?
  26. Firefox Add-On window.navigator.userAgent error: window not defined
  27. Using “await” inside non-async function
  28. Why does the jQuery JSON parser need double escaping for backslashes?
  29. How to implement a “function timeout” in Javascript – not just the ‘setTimeout’
  30. using javascript to mark a link as visited

Leave a Comment