javascript - 测量耗时 requestAnimFrame

Question

如何计算渲染函数执行一次所需的时间？我想稍后将这段时间用于其他功能。目前我只收到 time_ elapsed = 0 。

function render() {
    window.requestAnimFrame(render, canvas);

    time_start.getTime();
    // do rendering
    scene.render(); //here are my draw calls

    time_end.getTime();
    time_ elapsed = time_end - time_start;
    console.log(time_ elapsed);
}

Answer 1

这是一种典型的方法。

function currentTimeInSeconds() {
  return Date.now() * 0.001;
}

var then = currentTimeInSeconds() {
function render() {
  var now = currentTimeInSeconds();
  var elapsedTimeInSeconds = now - then;
  then = now;

  scene.render();

  requestAnimationFrame(render);
}
render();