javascript - 如何创建倒计时器？

Question

我是一名初学者程序员，刚刚开始使用 JavaScript。我发现了一个看起来像这样的倒计时器，

代码片段:

var count=60 ;
var Time_counter=setInterval(timer, 1000) ;

function timer() {
    count=count-1;

    if(count <=1){
        clearInterval(Time_counter);
        alert("Game Over") ;
        return;
    }

    document.getElementById("timer").innerHTML=count; 
}

现在，每当我运行这个程序时，这个计时器就会立即运行，没有任何条件，即使我设置了条件，它也会发生。即使我将其保留在输入标记的 onclick 属性中，它也会自行运行，如下所示:

<input id="Timer_button" type="button" value="Time starter" onclick="timer()">

但仍然是同样的问题。即使我不调用该函数，它也会运行。

有人能找出代码中的问题吗？这里出了什么问题吗？答案将非常非常感激。如有需要，请提供建议。

Answer 1

一种可能性:您可以创建一个函数来启动计时器:

var count = 60;
var Time_counter = null;

function startTimer() {
    Time_counter = setInterval(timer, 1000);
}

然后在点击时调用此函数:

 […] onclick="startTimer();" […]