javascript - 在javascript中制作一个实时时钟

Question

时钟有点用。但是它不是替换当前时间，而是每秒打印一个新时间。我明白为什么会这样，但我不知道如何解决。如果您能在不直接说出答案的情况下给我一些提示，我将不胜感激。谢谢你。这是我的代码:

function time(){
    var d = new Date();
    var s = d.getSeconds();
    var m = d.getMinutes();
    var h = d.getHours();
    document.write(h + ":" + m + ":" + s);
}

setInterval(time,1000);

Answer 1

添加一个 span 元素并更新其文本内容。

var span = document.getElementById('span');

function time() {
  var d = new Date();
  var s = d.getSeconds();
  var m = d.getMinutes();
  var h = d.getHours();
  span.textContent = 
    ("0" + h).substr(-2) + ":" + ("0" + m).substr(-2) + ":" + ("0" + s).substr(-2);
}

setInterval(time, 1000);

<span id="span"></span>

答案已更新 [2022] https://stackoverflow.com/a/67149791/7942242