确定点击的最少时间 - Javascript

Question

var startTime;function getRandomColor() {  var letters = '0123456789ABCDEF';  var color = '#';  for (var i = 0; i < 6; i++) {    color = color + letters[Math.floor(Math.random() * 16)];  }  return color;}function makeShapeAppear() {  var top = Math.random() * 400;  var left = Math.random() * 400;  var width = (Math.random() * 200) + 100;  document.getElementById("shape").style.width = width + "px";  document.getElementById("shape").style.height = width + "px";  document.getElementById("shape").style.top = top + "px";  document.getElementById("shape").style.left = left + "px";  document.getElementById("shape").style.display = "block";  if (Math.random() > 0.5) {    document.getElementById("shape").style.borderRadius = "50%";  } else {    document.getElementById("shape").style.borderRadius = "0%";  }  document.getElementById("shape").style.backgroundColor = getRandomColor();  startTime = new Date().getTime();}function shapeAfterDelay() {  setTimeout(makeShapeAppear, (Math.random() * 2000));}shapeAfterDelay();document.getElementById("shape").addEventListener("click", function(js) {  document.getElementById("shape").style.display = "none";  var endTime = new Date().getTime();  var timeTaken = ((endTime - startTime) / 1000);  document.getElementById("timeTaken").innerHTML = timeTaken;  shapeAfterDelay();});我用 Javascript 制作了一个游戏，其中用户单击形状，浏览器显示他单击该形状所花费的时间。现在我还想确定用户在所有点击中花费的最少时间，但无法弄清楚如何做到这一点。

Answer 1

这很简单。你想要最少的反应时间。所以首先你可以定义一个变量来保持最佳时间。var startTime;您可以在下面添加

var bestTime = Number.MAX_SAFE_INTEGER;

您分配最大可能值，因为这是比较第一次是否有其他东西较低的最简单方法。

然后你计算你当前的时间，你已经取得了什么。现在您只需比较您timeTaken是否低于bestTime.

if (timeTaken < bestTime)
  bestTime = timeTaken;

现在bestTime存储时间最少。