半小时倒计时

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);