我创建了一个简单的游戏,当用户点击 16 个框时开始和结束计时器。
我想测量用户完成游戏所用的时间。我如何使用 Javascript 做到这一点?
我看了看不同的答案是这样,但我很难理解别人的代码。
我会假设它看起来像这样。
Timer Start: When user clicks the first box
Timer End: When user clicks the last box
我创建了一个简单的游戏,当用户点击 16 个框时开始和结束计时器。
我想测量用户完成游戏所用的时间。我如何使用 Javascript 做到这一点?
我看了看不同的答案是这样,但我很难理解别人的代码。
我会假设它看起来像这样。
Timer Start: When user clicks the first box
Timer End: When user clicks the last box
该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()
which 返回一个值,表示自时间原点以来经过的时间。该值是小数部分中带有微秒的双精度值。
时间原点是一个标准时间,被认为是当前文档生命周期的开始。
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>