recursive function vs setInterval vs setTimeout javascript

by

Be carefull.. your first code would block JavaScript event loop.

Basically in JS is something like list of functions which should be processed. When you call setTimeout, setInterval or process.nextTick you will add given function to this list and when the right times comes, it will be processed..

Your code in the first case would never stop so it would never let another functions in the event list to be processed.

Second and third case is good.. with one little difference.

If your function takes to process for example 10ms and interval will be yours 60ms..

  • function with setInterval will be processed in times: 0-10, 60-70, 120-130, … (so it has only 50ms delay between calls)
  • But with setTimeout it will be:
    • if you call func first: 0-10, 70-80, 140-150, 210-220, …
    • if you call setTimeout first: 60-70, 130-140, 200-210, …

So the difference is delay between starts of your function which can be important in some interval based systems, like games, auctions, stock market.. etc..

Good luck with your recursion 🙂

More Related Contents:

  1. JavaScript setTimeout() won’t wait to Execute? [duplicate]
  2. How to make `setInterval` behave more in sync, or how to use `setTimeout` instead?
  3. setInterval/setTimeout return value
  4. Maximum call stack size exceeded on SetTimeout recursive function (Javascript) [duplicate]
  5. Will setInterval cause browsers to hang?
  6. How many concurrent setTimeouts before performance issues?
  7. How browser executes Javascript and renders asynchronously
  8. Will a recursive ‘setTimeout’ function call eventually kill the JS Engine?
  9. JavaScript Performance Long Running Tasks
  10. Convert JSON to array in Javascript
  11. Why is set.timeout not working in this php while loop?
  12. Combination of async function + await + setTimeout
  13. Why is my function call that should be scheduled by setTimeout executed immediately? [duplicate]
  14. Javascript setInterval and `this` solution
  15. When to use Vanilla JavaScript vs. jQuery?
  16. Declaring multiple variables in JavaScript
  17. Execute script after specific delay using JavaScript
  18. Pass parameters in setInterval function
  19. Recursion in Angular directives
  20. Jquery/Ajax call with timer
  21. Typescript recursive function composition
  22. Javascript when to use prototypes
  23. Does use of anonymous functions affect performance?
  24. Recursively print all permutations of a string (Javascript)
  25. Is there a performance difference between ‘let’ and ‘var’ in JavaScript
  26. How to setInterval for every 5 second render with React hook useEffect in React Native app?
  27. A clearer explanation for recursion and flow of execution in JavaScript?
  28. ES6 Tail Recursion Optimisation Stack Overflow
  29. Why does this recursive function return undefined?
  30. Jquery Ajax beforeSend and success,error & complete

Leave a Comment