在 JavaScript 中,可以通過 setTimeout
函數來實現倒計時效果。
首先,需要設置一個初始的倒計時時間(以秒為單位),然后通過 setInterval
函數每秒減少一秒,直到倒計時為0。
以下是一個簡單的示例代碼:
// 設置初始倒計時時間(以秒為單位)
let countdown = 10;
// 獲取顯示倒計時的元素
let countdownElement = document.getElementById('countdown');
// 更新倒計時顯示的函數
function updateCountdown() {
countdownElement.innerHTML = countdown;
countdown -= 1;
// 如果倒計時為0,則停止計時器
if (countdown < 0) {
clearInterval(timer);
countdownElement.innerHTML = '倒計時結束';
}
}
// 每秒更新一次倒計時顯示
let timer = setInterval(updateCountdown, 1000);
在 HTML 中,需要使用一個元素來顯示倒計時,例如:
<div id="countdown"></div>
通過 CSS 可以對倒計時元素進行樣式設置。
這樣,就可以實現一個簡單的倒計時效果。