javascript - 在给定时间自动加载新的 HTML 页面

Question

我希望我的主页每天在特定时间(下午 1 点)更改。

该页面有一个 24 小时倒计时计时器，当它倒数为零时，我希望加载一个新页面并再次启动计时器。

我了解如何在特定时间后刷新页面

<script>
    setTimeout(function(){
       window.location='Page2.html';
    }, 5000);
</script>

但不是如何在一天中的特定时间(下午 1 点)实现这一点。

Answer 1

您可以尝试使用获取页面加载/刷新的当前时间。然后计算毫秒直到下午 1 点。并使用它来设置您的 setTimeout。我建议使用像 moment 这样的库进行时间计算。

在您的 html 中加载时刻:

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.16.0/moment.min.js"></script>

在 JS 中:

// time right now
var now = moment.now();
// set refresh hour to 1pm
var nextRefresh = moment.now().hour(13).minute(0).second(0).millisecond(0);

// check if is or after 1pm
if (now.hour >= 13) {
  nextRefresh.add(1, 'days'); // add 1 day
}

setTimeout(function() {
  console.log('next 1pm');
}, nextRefresh.diff(now));

@Stoycho Trenchev 是对的。您可能希望在 setTimeout 中以 86400000 毫秒调用 setInterval。这样，您的页面以后每天都会刷新。