用Javascript制作计时器，从00:00:00开始

Question

使用以下代码

function clock(){
    /*var message = document.getElementById("timer");
    message.innerHTML = "The time is " + Date();
    */
    var msec = 00;
    var sec = 00;
    var min = 00;

    msec += 1;
    console.log(min + ":" + sec + ":" + msec);
    if (msec == 60) {
        sec += 1;
        msec = 00;
        console.log(min + ":" + sec + ":" + msec);
        if (sec == 60) {
            sec = 00;
            min += 1;
            console.log(min + ":" + sec + ":" + msec);
            if (sec % 2 == 0) {
                alert("Pair");
            }
        }
    }
    document.getElementById("timer").innerHTML = min + ":" + sec + ":" + msec;
}

我想要做的是一个简单的计时器，它在窗口加载时启动，每毫秒递增到 60，然后重置为 0，并在秒数上加 1，当秒数达到 60 时，它会变为 0并以 1 为单位递增分钟。有点像秒表。

似乎我没有正确增加，但我不知道如何增加它。

我正在使用 setInterval 调用该函数，我不知道它是否正确：

var  timer = setInterval(clock(), 1000);

Answer 1

您需要将函数引用传递给setInterval，目前您正在传递clock()的返回值undefined，因此它没有影响。

您还需要在clock() 函数之外声明msec、sec 和min 变量。

var timer = setInterval(clock, 1000);
var msec = 00;
var sec = 00;
var min = 00;

var timer = setInterval(clock, 1000);
var msec = 00;
var sec = 00;
var min = 00;

function clock() {
	msec += 1;
	if (msec == 60) {
		sec += 1;
		msec = 00;
		if (sec == 60) {
			sec = 00;
			min += 1;
			if (sec % 2 == 0) {
				alert("Pair");
			}
		}
	}
	document.getElementById("timer").innerHTML = min + ":" + sec + ":" + msec;
}

<div id="timer"></div>