Точный аналог setTimeout. Как вызвать выполнение функции через точный промежуток времени?

Question

[Roman Nikto]

Пытаюсь остановить видео спустя x миллисекунд, как это более точно? setTimeout слишком неточен.

function() {
    covervideo.play();
    setTimeout(function() {
      covervideo.pause();
    }, 1150);
  }

Comments

[Алексей Лауд]

JS однопоточный, так что идеально точно не получится, так или иначе, поток может быть занят в указанное время, и отложенный код выполнится только тогда, когда стек очистится/поток освободится.

Answer 1

[Aleksey Solovyev]

Чем Вас не устраивает video.currentTime или еще точнее надо?

const video = document.getElementById('video');
video.ontimeupdate = function() {
  window.console.log(video.currentTime);
};

Out:

9.643231
9.893151
10.143168
10.393094
10.643828
10.893123
11.1771
11.39276

Проверяйте. Останавливайте

ps
Через requestAnimationFrame можно:

function update(t) {
  window.console.log(t);
  window.requestAnimationFrame(update);
};

update();

Comments

[Roman Nikto]

currentTime, к сожалению, не дает нужной точности. Мне надо тормознуть видео точно в 1.15с

Не могу разобраться с requestAnimationFrame, не поможете?

[Aleksey Solovyev]

В чем проблема?

const timeToStop = 150; // time in ms
function loop(t) { // t - current time for when requestAnimationFrame starts to fire callbacks
  // window.console.log(Math.floor(t/10)); // log current step(only ms)
  if (t > timeToStop) {
    covervideo.pause(); // your fn
    return; // exit loop
  }
  window.requestAnimationFrame(loop);
};
loop();

Answer 2

[profesor08]

requestAnimationFrame

Answer 3

[обычный чел]

Performance.now()