javascript - 如何修复用 Javascript 制作的实时时钟(我在网页中看不到它)？

Question

我试图按照互联网上的一些教程创建一个时钟，但遇到了问题。时钟应该每秒更新一次并显示当前时间。请问可以帮忙吗？这应该是结果:https://www.w3schools.com/js/tryit.asp?filename=tryjs_timing_clock 。这是我的代码:

function startClock() {
  var currentTime = new Date();
  console.log(currentTime);

  var currentHours = currentTime.getHours();
  console.log(currentHours);

  var currentMinutes = currentTime.getMinutes();
  console.log(currentMinutes);

  var currentSeconds = currentTime.getSeconds();
  console.log(currentSeconds);

  currentMinutes = checkTime(m);

  currentSeconds = checkTime(s);

  var time = currentHours + ":" + currentMinutes + ":" + currentSeconds;

  document.getElementById("time").innerHTML = time;

  var repeatTime = setTimeout(startClock, 1000);
}

function checkTime(i) {
  if (i < 10) {
    i = "0" + i;
    return i;
  }
}

Answer 1

您的代码中有四个问题:

1. startClock()函数将调用setTimeout()以确保它再次被调用。但它最初从未被调用。因此，添加语句startClock();最后，靠近</script> .

2. 变量 m不存在。通过写入 currentMinutes = checkTime(currentMinutes); 来修复此问题.

3. 变量 s不存在。通过写入 currentSeconds = checkTime(currentSeconds); 来修复此问题.

4. checkTime()函数不返回任何内容 ( undefined ) 如果 i不小于10。因此，添加语句else return "" + i; .

修复所有这些问题并运行!我确实测试了最终结果。