今天我們來學習如何使用jQuery設置倒計時功能。

function countDown(endTime) {
var countDownDate = new Date(endTime).getTime();
var x = setInterval(function() {
var now = new Date().getTime();
var distance = countDownDate - now;
var days = Math.floor(distance / (1000 * 60 * 60 * 24));
var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((distance % (1000 * 60)) / 1000);
$('#timer').html(days + "天 " + hours + "小時 " + minutes + "分鐘 " + seconds + "秒 ");
if (distance < 0) {
clearInterval(x);
$('#timer').html("時間已過期");
}
}, 1000);
}
countDown("2021/12/31");

上面的代碼使用了一個自定義的函數 countDown，它需要傳入一個字符串類型的 endTime 參數，表示倒計時的結束時間，倒計時格式為：天 小時 分鐘 秒。

在函數中，我們使用 setInterval 來實時更新倒計時。首先將 endTime 轉換為時間戳，然后計算當前時間與結束時間的差距 distance，進而計算得出天、小時、分鐘和秒數。最后使用 jQuery 的 html() 方法來更新頁面上的倒計時顯示。

當倒計時結束后，我們使用 clearInterval 來停止定時器，然后將倒計時顯示為 “時間已過期”。

現在你已經學會了使用jQuery設置倒計時的方法，趕緊嘗試添加到你的網站中吧！