Question

<html>
<head>
<script>
function updateClock() {
    var time = now.getHours() + ':' + now.getMinutes(), 
    document.getElementById('current').innerHTML = time;
    setTimeout(updateClock, 1000);
}
</script>
</head>
<body onload="updateClock()">
<p id="current"> </p>
</body>
</html>

上面是实时动态更新的代码，它没有在浏览器上显示任何内容。非常感谢帮助

谢谢。

Answer 1

updateClock中存在一些错误：

function updateClock() {
  var now = new Date()
  var time = now.getHours() + ':' + now.getMinutes();
  document.getElementById('current').innerHTML = time;
  setTimeout(updateClock, 1000);
}

now必须是Date对象。

Answer 2

now需要成为约会对象
在now.getMinutes（），

我建议使用
*填充
* setInterval
* window.onload代替body onload

我添加秒来显示更新。如果您只需要小时和分钟，请将间隔时间更改为10000左右。

function pad(num) {
  return String("0"+num).slice(-2);
}
function updateClock() {
  var now = new Date();
  var time = pad(now.getHours()) + ':' + pad(now.getMinutes()) + ":" + pad(now.getSeconds());
  document.getElementById('current').innerHTML = time;
}
window.onload = function() {
  setInterval(updateClock, 500); // use a shorter interval for better update
}

<p id="current"></p>

Answer 3

使用Js显示时间：

＆＃13;

function startTime() {
  var today = new Date();
  var h = today.getHours();
  var m = today.getMinutes();
  var s = today.getSeconds();
  m = checkTime(m);
  s = checkTime(s);
  document.getElementById('current').innerHTML =
    h + ":" + m + ":" + s;
  var t = setTimeout(startTime, 500);
}

function checkTime(i) {
  if (i < 10) {
    i = "0" + i
  }; // add zero in front of numbers < 10
  return i;
}

＆＃13;

<body onload="startTime()">
  <p id="current">Time loading..</p>
</body>

＆＃13;

OR

您的代码已编辑：

＆＃13;

function updateClock() {
  var now = new Date();
  var time = now.getHours() + ':' + now.getMinutes() + ':' + now.getSeconds();
  document.getElementById('current').innerHTML = time;
  setTimeout(updateClock, 1000);
}

＆＃13;

<body onload="updateClock()">
  <p id="current"></p>
</body>

＆＃13;

您遗失了var now = new Date();和now.getSeconds();。

动态更新时间而不刷新页面

3 个答案: