javascript - 个人最佳记分员/计时器

Question

我正在制作一个计时器，记录点击“通过”按钮上的“确定”时的最长时间(个人最好成绩)。我似乎无法弄清楚如何让计数器回到 0，我确信有一种方法可以只用 2 个按钮(开始 + 通过)来完成。我希望计时器在我按下开始时再次启动，此时它只运行每个案例一次并返回最高值。计时器当前在我不理解的屏幕上显示的数字之后记录秒数。

在此先感谢您的帮助，非常感谢!

  var c = 0;
	var d = 0;
	var pb;

	function myCounter() {
    document.getElementById("demo").innerHTML = c++;
	}

	function restartCount() {
    document.getElementById("demo").innerHTML = d++;
	}

	function userPass() {
		if (confirm("Are you sure?")) {
			console.log(c,d);
			clearInterval(myCounter);
			clearInterval(restartCount);
			document.getElementById("personalBest").innerHTML = Math.max(c,d);

		} else {
			document.getElementById("good").innerHTML = "Keep it up!";
		}
	}

<h1>Best Time = <span id="personalBest"></span></h1>

<p id="good"></p>
<p id="demo"></p>

<button onClick="myCounter = setInterval(myCounter, 1000)">Start counter!</button>
<button onclick="userPass()">Pass</button>
<button onclick="restartCount = setInterval(restartCount, 1000)">Restart</button>

Answer 1

关于您的第二个问题“计时器当前在我不理解的屏幕上显示的数字之后记录秒数。”

这链接到您在这一行中放置++ 的位置

document.getElementById("demo").innerHTML = c++;

c++ 表示获取 c 的值然后递增它。我相信你想先增加(因为已经过了 1 秒)然后分配和使用。在这种情况下，您应该改用++c。

document.getElementById("demo").innerHTML = ++c;