javascript - 分钟更新时需要javascript自动重新加载页面

Question

我在我的网站中使用以下代码来显示当前时间

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('time').innerHTML =
                 h + ":" + m;
        var t = setTimeout(startTime, 500);
    }
    function checkTime(i) {
        if (i < 10) {i = "0" + i};  // add zero in front of numbers < 10
        return i;
    }

我还在我的 html 中使用自动刷新标签，它每 60 秒后重新加载页面

<meta http-equiv="refresh" content="60">

我想要的是每当时间更改为下一分钟时重新加载页面这意味着如果当前时间是 14:05 并且当它到达 14:06 时，页面将通过读取此时间更改而不是用户打开页面的 60 秒间隔重新加载。

Answer 1

您可以通过查看时钟来设置超时，只需获取实际秒数并等到 60 重新加载:

var date = new Date();
setTimeout(function(){
    window.location.reload(1);
},(60 - date.getSeconds())*1000)

把它放在脚本标签的头部