How to make `setInterval` behave more in sync, or how to use `setTimeout` instead?

by

You can create a setTimeout loop using recursion:

function timeout() {
    setTimeout(function () {
        // Do Something Here
        // Then recall the parent function to
        // create a recursive loop.
        timeout();
    }, 1000);
}

The problem with setInterval() and setTimeout() is that there is no guarantee your code will run in the specified time. By using setTimeout() and calling it recursively, you’re ensuring that all previous operations inside the timeout are complete before the next iteration of the code begins.

More Related Contents:

  1. JavaScript setTimeout() won’t wait to Execute? [duplicate]
  2. setInterval/setTimeout return value
  3. Will setInterval cause browsers to hang?
  4. Is setTimeout with no delay the same as executing the function instantly?
  5. recursive function vs setInterval vs setTimeout javascript
  6. Why is set.timeout not working in this php while loop?
  7. setTimeout or setInterval?
  8. Pass correct “this” context to setTimeout callback?
  9. Combination of async function + await + setTimeout
  10. Why does the setInterval callback execute only once?
  11. Difference between setTimeout with and without quotes and parentheses
  12. Why is my function call that should be scheduled by setTimeout executed immediately? [duplicate]
  13. Javascript setInterval and `this` solution
  14. Execute script after specific delay using JavaScript
  15. Pass parameters in setInterval function
  16. Jquery/Ajax call with timer
  17. Will setInterval drift?
  18. Hide div after a few seconds
  19. Javascript SetTimeout and Loops [duplicate]
  20. How to stop “setInterval” [duplicate]
  21. Is setInterval CPU intensive?
  22. What happens to setTimeout when the computer goes to sleep?
  23. setTimeout behaviour with blocking code
  24. stop settimeout in recursive function
  25. setInterval not working properly on Chrome
  26. Why doesn’t setTimeout(.., 0) execute immediately?
  27. Are equal timeouts executed in order in Javascript?
  28. How browser executes Javascript and renders asynchronously
  29. Call setTimeout without delay
  30. setTimeout(): If not defined in EcmaScript spec, where can I learn how it works?

Leave a Comment