Как получить тикрейт request animation frame?

Question

[Максим Вакаев]

Добрый день, подскажите пожалуйста как мне получить тик 1го фрейма requestAnimationFrame в миллисекундах?

Comments

[v3shin]

В смысле - при каждом вызове обработчика записывать текущее время в переменную?

[Максим Вакаев]

v3shin, получать время в миллисекундах сколько уходит на отрисовку 1 фрейма, то есть грубо говоря при 60 фпс должно выводиться 16 миллисекунд

[v3shin]

При каждом вызове обработчика записывайте текущее время в переменную и смотрите разницу.

[Максим Вакаев]

v3shin, Да понятно) я уже решил, спасибо

let fps;
	
      if (!this.lastCalledTime) {
        this.lastCalledTime = new Date().getTime();
        fps = 0;
      }
    
      let delta = (new Date().getTime() - this.lastCalledTime) / 1000;
      this.lastCalledTime = new Date().getTime();
      fps = Math.ceil((1/delta));
    
      if (this.counterFPS >= 60) {
        var sum = this.fpsArray.reduce(function(a,b) { return a + b });
        var average = Math.ceil(sum / this.fpsArray.length);
        $('#tickRate')[0].innerHTML = parseInt(1000 / average)
        console.log(average);
        this.counterFPS = 0;
      } else {
        if (fps !== Infinity) {
          this.fpsArray.push(fps);
        }
    
        this.counterFPS++;
      }

[RAX7]

Максим Вакаев,

Callback методу передаётся один аргумент, DOMHighResTimeStamp, который содержит текущее время (количество миллисекунд, прошедших с момента time origin)
https://developer.mozilla.org/ru/docs/Web/API/wind...

Использовать new Date().getTime() вовсе не обязательно.