js 翻页时钟

以下是一个简单的 JavaScript 翻页时钟的代码示例：

HTML:

<div id="clock"></div>

CSS:

#clock {
  font-size: 48px;
  font-weight: bold;
  text-align: center;
}

JavaScript:

function flipPageClock() {
  var date = new Date();
  var hours = date.getHours();
  var minutes = date.getMinutes();
  var seconds = date.getSeconds();
  var ampm = hours >= 12 ? 'PM' : 'AM';
  hours = hours % 12;
  hours = hours ? hours : 12; // the hour '0' should be '12'
  minutes = minutes < 10 ? '0' + minutes : minutes;
  seconds = seconds < 10 ? '0' + seconds : seconds;
  var time = hours + ':' + minutes + ':' + seconds + ' ' + ampm;
  document.getElementById("clock").innerHTML = time;
  setTimeout(flipPageClock, 1000);
}
flipPageClock();

这段代码会创建一个时钟，每秒钟更新一次，并在页面上显示当前时间。时间格式为 12 小时制，带有 AM/PM 标记。您可以根据需要对样式进行调整。