Странное поведение setTimeout внутри функции setInterval

Я получаю (для меня) неожиданное поведение с этим кодом:

setInterval(function() {
  console.info('Interval running');

  setTimeout(function() {
    console.info('TimeOut called');
  }, 5000);

}, 2000);

setInterval работает нормально (каждые 2 секунды), но setTimeout работает нормально только в первый раз (через 5 секунд), а после этого он также начинает работать через 2 секунды? : /

Что мне здесь не хватает?

Я думаю, что он работает правильно, но нет способа определить, какой TimeOut called получил консоль для какого вызова setInterval

— 16.07.2018 10:15

javascript settimeout setinterval

16.07.2018 10:12

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

115

Ответы 2

Каждые 2 секунды вы устанавливаете тайм-аут, чтобы что-то произошло на 5 секунд позже этого момента времени.

Это означает, что события будут происходить в

2 + 5 = 7 секунд
4 + 5 = 9 секунд
6 + 5 = 11 секунд
... так далее.

какое поведение вы видите.

16.07.2018 10:13

Согласно setInterval не запускает функцию после задержки, скорее, после задержки, он добавляет функцию в стек событий, которая будет запускаться, как только процессор сможет до нее добраться. Если процедура занята другой операцией, для ее фактического выполнения потребуется больше времени, чем период задержки. Итак, вы получаете эту задержку.

setInterval(function() {
  console.info('Interval running');

  setTimeout(function() {
    console.info('TimeOut called');
  }, 5000);

}, 2000);
263
3VM527:2 Interval running
VM527:5 TimeOut called
VM527:2 Interval running
VM527:5 TimeOut called
VM527:2 Interval running
VM527:5 TimeOut called
VM527:2 Interval running

16.07.2018 10:47

Другие вопросы по теме

JS - Как повторно запускать функцию в случайное время в течение определенного периода

SetTimeOut () повторяется в хуках жизненного цикла Angular: ngDoCheck, ngAfterContentChecked, ngAfterViewChecked

Прослушивание направления прокрутки только ОДИН РАЗ на устройствах с непрерывной прокруткой

В чем разница между `return timer` и` clearInterval (timer) `в` async / await` в JavaScript?

Процесс узла не может найти объект setTimeout в последующих запросах

Невозможно проверить, открыт ли модальный или нет в angular?

Установить планировщик в экспресс-приложении на основе запроса и при необходимости очистить его до установленного времени

Ошибка сценария пишущей машинки

Отложенная функция (изменение цвета) с jquery в цикле

SetTimeout замораживает мое приложение в ответном нативном

Странное поведение setTimeout внутри функции setInterval

Ответы 2

Другие вопросы по теме

Похожие вопросы