Skip frames

by Kenneth Luplau-Brøgger

JavaScript 1.7

let lastFrameTime = new Date().getTime();
const fps = 60;

const renderFrame = () => {
  const currentFrameTime = new Date().getTime();
  const skipFrames = (1000/fps) * ((currentFrameTime - lastFrameTime) / 1000);
  
  lastFrameTime = new Date().getTime();
  
	// simulate a render that takes long
	setTimeout(renderFrame, Math.random() * 100);
  
  document.querySelector("body").innerHTML = "Skip frames count: " + skipFrames;
}

renderFrame();