javascript - 如何创建倒计时 html 文本 60 到 0 的倒计时计时器

Question

我正在做一个更大的项目，但我正在尝试一个更简单的倒计时计时器版本，只有几秒钟而不是几分钟。代码如下说明

基本上我在 html(id="initial") 中有 60 秒的时间。我有一个带有计时器功能的按钮。在 javascript 中，我通过在变量上使用 parseint 来获取 h3 标签中的值，当然还有 innerHTML 来获取标签本身内的文本。

然后我创建一个名为 newTime 的新变量，基本上将其设置为 newTime = initial--;然后我用 innerHTML 更新初始值，比如 initial.inneHTML = newTime。但是，它不起作用。不管怎样，这里是代码:

setInterval(setUp, 1000);

function setUp(){

    var initial = parseInt(document.getElementById("initial").innerHTML);
    
    var newTime = initial--;
    
    initial.innerHTML = newTime;
}

<button onclick="setUp()">Activate timer</button>
<h3 id="initial">60</h3>

Answer 1

您触发的是 setUp 函数，而不是 Interval 本身。将间隔分配给变量并将其传递给 onclick。