javascript - 间隔后更新 HTML 标记

Question

我正在尝试将 HTML5 时钟作为我的第一个项目，但我在每秒更新 .innerHTML 属性时遇到问题，尽管 console.log 工作得很好。这是我的 main.js：

     var baseDate = new Date();
    var seconds =   baseDate.getSeconds();
    var secondsElement = document.getElementsByClassName("seconds");

 setInterval(function() {secondsElement.innerHTML = seconds;
        console.log(seconds);}, 1000);

我还检查了所有关于类名的拼写错误，但一无所获。

Answer 1

你每次都在同一时间写作。您需要更新间隔内的时间，否则变量将永远不会改变：

setInterval(function() {
    var baseDate       = new Date(),
        seconds        = baseDate.getSeconds(),
        secondsElement = document.getElementsByClassName("seconds")[0];
    secondsElement.innerHTML = seconds;
}, 1000);

小提琴