Question

如何让用户看到每半小时倒计时的倒计时时间。例如，如果是10:05，我希望它显示剩余25分钟的倒计时。我想它需要耗尽服务器时间。谢谢你的帮助！

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

**编辑：假设他们在9:55加载页面。我希望倒计时显示5分钟。然后，一旦10点到来，我希望页面刷新，以便倒计时再次显示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);

半小时倒计时

1 个答案: