What is setTimeout doing when set to 0 milliseconds?

by

A few useful facts might help clarify what’s happening:

  1. JavaScript is single-threaded. Asynchronous callbacks are assigned to a message placed in a message queue.
  2. When no code is currently executing, the event loop polls the message queue, requesting the next message in line to be processed (executed).
  3. setTimeout adds a message (with the callback provided) to the end of this queue after the specified delay has elapsed.

(Note: this means the delay in a setTimeout call is not a sure thing; it is the minimum delay before the callback is executed. The actual time taken depends on how long it takes to process any messages ahead of it in the queue.)

So what happens if the delay is set to 0? A new message is added to the queue immediately, and will be processed when the currently executing code is finished and any previously-added messages have been processed.

What’s happening in your code

When you invoke setTimeout…

setTimeout(function() { 
    console.log('AAA');
}, 0);

…a message gets added to the queue with the specified callback. The rest of your code…

for (i = 0; i < 1000; i++) {
    console.log('BBB'); 
}
// etc.

…continues executing synchronously. Once it has completely finished, the event loop polls the message queue for the next message and finds the one with your setTimeout callback, which is then processed (the callback is run).

The callback only ever gets executed after the currently executing code has finished, no matter how long that takes.

Further reading

For more details on the event loop, see:

More Related Contents:

  1. Why is set.timeout not working in this php while loop?
  2. Why the timer setTimeout returns the first value “2”
  3. Pass correct “this” context to setTimeout callback?
  4. Combination of async function + await + setTimeout
  5. Difference between setTimeout with and without quotes and parentheses
  6. Why is my function call that should be scheduled by setTimeout executed immediately? [duplicate]
  7. How to make a promise from setTimeout
  8. Execute script after specific delay using JavaScript
  9. Using setTimeout on promise chain
  10. Why does setTimeout() “break” for large millisecond delay values?
  11. React hooks – right way to clear timeouts and intervals
  12. How to stop a setTimeout loop?
  13. JavaScript setTimeout() won’t wait to Execute? [duplicate]
  14. Javascript SetTimeout and Loops [duplicate]
  15. How to make `setInterval` behave more in sync, or how to use `setTimeout` instead?
  16. setTimeout() is not waiting [duplicate]
  17. Will setInterval cause browsers to hang?
  18. What happens to setTimeout when the computer goes to sleep?
  19. setTimeout behaviour with blocking code
  20. stop settimeout in recursive function
  21. Why doesn’t setTimeout(.., 0) execute immediately?
  22. Is it possible to chain setTimeout functions in JavaScript?
  23. JQuery, setTimeout not working
  24. Are equal timeouts executed in order in Javascript?
  25. Global variable is logged as undefined when passed as parameter to setTimeout callback function
  26. How browser executes Javascript and renders asynchronously
  27. Why does everything display at once, using setTimeout in Javascript?
  28. Can I see if a timer is still running?
  29. setTimeout Internet Explorer
  30. setTimeout() method inside a while loop [duplicate]

Leave a Comment