如何度量在 Javascript 上运行的时间?

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

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

我看了一下不同的答案 像这样,但是我很难理解别人的代码。

我觉得应该是这样的。

Timer Start: When user clicks the first box
Timer End: When user clicks the last box
191322 次浏览

Date文件指出:

JavaScript 日期基于毫秒的时间值 从1970年1月1日午夜开始

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

毫秒差值是变量 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>