3

Нажимаю кнопку сохранить. Вызывается setTimeout с задержкой 1500.

Далее сразу покидаю вкладку, однако данные не обновляются, так как setTimeout не отработал. Хотя предполагается что он должен сохранить данные с некоторой задержкой. Можно ли как то гарантировать выполнение некоторых данных с задержкой даже при переключении на другую вкладку?

3
  • Кстати, судя по всему, еще и от браузера поведение зависит. У меня, допустим, все выполняется даже в фоне. Я, конечно, не данные сохраняю (хотя тоже непонятно, что из себя представляет "сохранение" у вас), но в целом у меня setTimeout и setInterval в фоне отрабатывают. 26 фев 2018 в 15:16
  • Вы закрываете вкладку или просто переключаетесь в другую?
    – Alexey Ten
    26 фев 2018 в 17:04
  • Вкладку переключаю.
    – manking
    27 фев 2018 в 10:36

1 ответ 1

3

Вместо setTimeout я предлагаю вам использовать requestAnimationFrame.

В примере кода ниже, когда вы запустите анимацию и переключите вкладку, а затем вернетесь обратно, вы увидите, что не смотря на смену вкладки, анимация продолжалась дальше. Таким образом, вы можете использовать requestAnimationFrame вместо setTimeout (причем использовать можно не только для анимации).

Подробнее почитайте тут и тут.

var div = document.querySelector('div');

var start = 100;

function step(timestamp) {
    var progress = timestamp - start;
    a = Math.min(progress/10, 20000) + "px";
    div.style.left = a
    
    if (progress < 20000) {
      requestAnimationFrame(step);
    }
}

requestAnimationFrame(step)
div {
    position: absolute;
}
<div>test</div>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.