最後倒數js
在JavaScript中,你可以使用setInterval()
函式來創建一個倒數計時器。下面是一個簡單的例子,它會在頁面載入時開始倒數,每秒減少10秒,直到達到0秒。
let seconds = 10;
function countdown() {
if (seconds > 0) {
seconds -= 1;
document.getElementById("seconds").innerText = seconds;
} else {
clearInterval(timer);
document.getElementById("seconds").innerText = "Time's up!";
}
}
let timer = setInterval(countdown, 1000); // 每秒執行一次
在上面的代碼中,我們定義了一個countdown()
函式,它會在每次執行時檢查秒數是否大於0。如果大於0,它就會減少秒數並更新頁面上顯示的秒數。如果秒數達到0,它就會清除計時器,並顯示「Time's up!」。
setInterval()
函式接受兩個參數:第一個是函式,第二個是毫秒數,表示函式應該多長時間執行一次。在這個例子中,我們設定它為每秒執行一次,即1000毫秒。
將這段代碼放在你的HTML頁面中的<script>
標籤中,或者在一個.js
檔案中,然後通過<script src="yourfile.js"></script>
引用它。
請注意,這個例子非常基礎,沒有考慮到用戶互動(如暫停、繼續、重置計時器),也沒有考慮到日期和時間的變化。在實際套用中,你可能需要添加更多的功能和邏輯。