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);

FIDDLE

间隔后更新HTML标记

1 个答案: