半小时倒计时

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