javascript - 半小时倒计时

Question

我将如何为用户设置倒计时时间，以使其每半小时倒计时一次。例如，如果是 10:05，我希望它显示一个剩余 25 分钟的倒计时。我想它需要耗尽服务器时间。谢谢你的帮助！

此外，是否可以在倒计时结束时刷新页面，以便用户可以在接下来的半小时内看到新页面？

**编辑：假设他们在 9:55 加载页面。我希望倒计时显示剩余 5 分钟。然后一到 10:00，我希望页面刷新，以便倒计时可以再次显示 30 分钟。

Answer 1

这是一个执行此操作的函数：

function numMinutes() {
     return 30 - new Date().getMinutes() % 30;
}

那是 JavaScript，所以不涉及服务器。要显示连续倒计时，您可以这样做（假设您有一个 ID 为“倒计时”的元素）：

setInterval(function() {
     var el = document.getElementById("countdown");
     while(el.childNodes.length > 0) el.removeChild(el.firstChild);
     el.appendChild(document.createTextNode(numMinutes().toString() + ' minutes left!'));
}, 1000);

或者，在（非标准）速记中：

setInterval(function() {
     document.getElementById("countdown").innerHTML = numMinutes().toString() + ' minutes left!';
}, 1000);