如何正确触发从AM到PM的网站时钟？

Question

我有一个不同但与我昨天问过的一点点有关。这个时钟现在工作正常，我有时间和后缀使用CSS不同的风格。但是，以下代码的问题是后缀不会改变为PM，直到时间是下午1点而不是应该是下午12点。我对使用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();

Answer 1

else if (h > 12)

应该是

else if (h >= 12)

因此，对于h = 12，它将是PM。