确定点击的最少时间 - 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&nbsp;bestTime&nbsp;=&nbsp;Number.MAX_SAFE_INTEGER;您分配最大可能值，因为这是比较第一次是否有其他东西较低的最简单方法。然后你计算你当前的时间，你已经取得了什么。现在您只需比较您timeTaken是否低于bestTime.if&nbsp;(timeTaken&nbsp;<&nbsp;bestTime) &nbsp;&nbsp;bestTime&nbsp;=&nbsp;timeTaken;现在bestTime存储时间最少。