jQuery限時倒計時功能是非常實用的功能,可以應用在電商網站、優惠活動、倒計時搶購等場景。只需要簡單的幾行代碼,就可以實現一個倒計時的效果。
$(function(){ // 設置結束時間 var endTime = new Date('2022/01/01 00:00:00'); // 倒計時函數 function countdown(){ var nowTime = new Date(); // 獲取當前時間 var leftTime = parseInt((endTime.getTime() - nowTime.getTime()) / 1000); // 計算還有多少秒 if(leftTime< 0){ // 判斷是否已經到達結束時間 leftTime = 0; } var d = parseInt(leftTime / 86400); // 計算還有多少天 var h = parseInt(leftTime % 86400 / 3600); // 計算還有多少小時 var m = parseInt(leftTime % 86400 % 3600 / 60); // 計算還有多少分鐘 var s = parseInt(leftTime % 86400 % 3600 % 60); // 計算還有多少秒 $('#countdown').html('距離結束還有' + d + '天' + h + '小時' + m + '分鐘' + s + '秒'); // 修改倒計時顯示文本 } // 設置定時器,每秒更新一次倒計時 var timer = setInterval(countdown, 1000); });
以上代碼中,我們定義了一個結束時間,用來計算還有多少時間到達結束時間。然后通過倒計時函數,計算出還有多少天、小時、分鐘、秒,最后修改顯示文本。最后設置一個定時器,每秒調用一次倒計時函數,實現倒計時的效果。