javascript - 正确设置文档标题的时间格式

Question

我将以下代码加载到一个小 HTML 文件的头部。它的目的是获取当前时间，将其转换为 12H，添加 am 或 pm，然后将其设置为文档标题。这似乎按照我想要的方式工作，直到最后一行我希望它每 5 秒运行一次该函数，以便文档标题动态更新。无论出于何种原因，这都行不通，我不明白为什么。有人可以帮忙吗？

function tConv24(time24) {
    var ts = time24;
    var H = +ts.substr(0, 2);
    var h = (H % 12) || 12;
    h = (h < 10)?("0"+h):h;
    var ampm = H < 12 ? " am" : " pm";
    ts = h + ts.substr(2, 3) + ampm;
    return ts;
}

var today = new Date();
var currentTime = today.getHours() + ":" + today.getMinutes();
document.title = tConv24(currentTime);

setInterval(tConv24(currentTime), 5000);

Answer 1

你的逻辑看起来很好，除了 currentTime 仅初始化一次。因此，每次都会使用相同的值调用函数 tConv24。要更正，您需要确保始终使用 Date 构造函数获取最新的日期时间:

function tConv24(time24) {
  // function implementation
}

setInterval(function() {
  var today = new Date();
  var currentTime = today.getHours() + ":" + today.getMinutes();
  document.title = tConv24(currentTime);
}, 5000);