半小時倒計時

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