How to release frame counter - FPS in CANVAS game?

Question

JavaScript

How to release frame counter - FPS in CANVAS game?

Answer 1

With requestAnimationFrame:

const times = [];
let fps;

function refreshLoop() {
  window.requestAnimationFrame(() => {
    const now = performance.now();
    while (times.length > 0 && times[0] <= now - 1000) {
      times.shift();
    }
    times.push(now);
    fps = times.length;
    refreshLoop();
  });
}

refreshLoop();