我正在學習使用JQuery計算已過時間。使用JQuery非常方便,可以輕松實現這個功能。
$(document).ready(function() { setInterval(function(){ var currentTime = new Date(); // 獲取當前時間 var eventTime = new Date("2021-10-01T12:00:00"); // 設置目標時間 var diffTime = eventTime - currentTime; // 相差時間 var duration = moment.duration(diffTime, 'milliseconds'); // 轉換為小時,分鐘和秒 var days = duration.days(); var hours = duration.hours(); var minutes = duration.minutes(); var seconds = duration.seconds(); // 輸出已過時間 var displayTime = '已過去' + days + '天' + hours + '小時' + minutes + '分鐘' + seconds + '秒'; $('#time').html(displayTime); }, 1000); });
以上代碼可以實現每秒鐘更新一次已過時間,并輸出到一個id為“time”的元素中。
JQuery計算已過時間十分簡單,只需使用moment.js庫轉換時間格式,再通過計算獲取相差時間并輸出即可。
上一篇jquery計算剩余時間
下一篇jquery解綁鼠標事件