Почему setTimeout может выполниться позже указанного времени?

Question

setTimeout может выполниться позже, потому что после истечения времени callback попадает в очередь задач и ждёт своей очереди. Если основной поток занят синхронным кодом, выполнение откладывается. Также задержку увеличивают microtask, рендер и обработка событий. В фоне браузер может специально замедлять таймеры. Поэтому задержка может стать заметно больше, чем указанное значение.

YeaHub · Accepted Answer

Даже если таймер “истёк”, выполнение callback зависит от того, когда Event Loop сможет реально выполнить задачу.Основные причины задержекБлокировка основного потока (call stack занят)длинные циклытяжёлые вычислениясинхронные операции, которые долго выполняютсяОчередь microtask имеет приоритетпосле каждого завершения задачи Event Loop сначала выполняет microtaskбольшое количество Promise.then может “отодвигать” macrotaskНагрузка: много задач в очереди macrotaskмножество таймеровобработчики событийдругие callbacks, которые накопилисьРендер и работа браузерабраузер может вставлять этапы отрисовкитяжёлая разметка/стили/paint могут влиять на задержкиОграничения браузера (throttling)в неактивных вкладках таймеры часто “тормозятся”экономия батареи и ресурсовПрактический вывод для разработчикатаймеры не подходят для точной синхронизацииесли важна точность, нужно:измерять реальное время через Date.now() / performance.now()учитывать drift и корректировать расписаниеВывод:setTimeout выполняется позже из-за занятости call stack, приоритета microtask, нагрузки на очередь и ограничений браузера — это нормальное поведение Event Loop.