我如何触发一个网站时钟从上午到下午正确

How do I trigger a website clock from AM to PM correctly?

本文关键字：时钟 网站 何触发 一个      更新时间：2023-09-26

我有一个与我昨天问的不同但略有相关的问题。这个时钟现在工作得很好，我有时间和后缀样式不同使用CSS。然而，下面代码的问题是，直到时间是1pm而不是应该是12pm，后缀才会更改为PM。我对使用javascript有一点想法，所以任何帮助将不胜感激，如何解决这个问题。我使用的代码如下:

function renderTime() {
var currentTime = new Date();
var diem = "AM";
var h = currentTime.getHours();
var m = currentTime.getMinutes();
var s = currentTime.getSeconds();
setTimeout('renderTime()',1000);
if (h == 0) {
    h = 12;
} else if (h > 12) { 
    h = h - 12;
    diem="PM";
}
if (m < 10) {
    m = "0" + m;
}
if (s < 10) {
    s = "0" + s;
}
document.getElementById("clockDisplay-time").innerText = h + ":" + m;
document.getElementById("clockDisplay-suffix").innerText = diem;
}
renderTime();

else if (h > 12)

应为

else if (h >= 12)

使h=12时为PM

相关文章：