如何在 Javascript 上测量经过的时间？ [复制]

Question

我创建了一个简单的游戏，当用户完成点击 16 个框时开始和结束计时器。

我想测量用户完成游戏所用的时间。 我如何使用 Javascript 来做到这一点？

我看了不同的答案like this，但我很难理解别人的代码。

我会假设它看起来像这样。

Timer Start: When user clicks the first box
Timer End: When user clicks the last box

Answer 1

Date 文档指出：

JavaScript 日期基于毫秒的时间值 自 1970 年 1 月 1 日午夜起，UTC

点击开始按钮，然后点击结束按钮。它会显示两次点击之间的秒数。

毫秒差异在变量timeDiff 中。用它来寻找秒/分钟/小时/或你需要的东西

var startTime, endTime;

function start() {
  startTime = new Date();
};

function end() {
  endTime = new Date();
  var timeDiff = endTime - startTime; //in ms
  // strip the ms
  timeDiff /= 1000;

  // get seconds 
  var seconds = Math.round(timeDiff);
  console.log(seconds + " seconds");
}

<button onclick="start()">Start</button>

<button onclick="end()">End</button>

或者为现代浏览器做的另一种方式

使用performance.now() 返回一个值，该值表示自时间原点以来经过的时间。这个值是一个带有微秒小数的双精度值。

时间原点是一个标准时间，被认为是当前文档生命周期的开始。

var startTime, endTime;

function start() {
  startTime = performance.now();
};

function end() {
  endTime = performance.now();
  var timeDiff = endTime - startTime; //in ms 
  // strip the ms 
  timeDiff /= 1000; 
  
  // get seconds 
  var seconds = Math.round(timeDiff);
  console.log(seconds + " seconds");
}

<button onclick="start()">Start</button>
<button onclick="end()">End</button>