当前位置：首页 > jquery

jquery 时间差

2026-02-03 22:37:30jquery

jQuery 计算时间差的方法

使用 jQuery 计算时间差通常需要结合 JavaScript 的 Date 对象。以下是几种常见的计算时间差的方法：

计算两个日期之间的天数差

var date1 = new Date('2023-10-01');
var date2 = new Date('2023-10-10');
var timeDiff = Math.abs(date2.getTime() - date1.getTime());
var dayDiff = Math.ceil(timeDiff / (1000 * 3600 * 24)); 
console.log(dayDiff); // 输出 9

计算两个时间点之间的小时差

var time1 = new Date('2023-10-01T10:00:00');
var time2 = new Date('2023-10-01T15:30:00');
var hourDiff = Math.abs(time2 - time1) / 36e5;
console.log(hourDiff); // 输出 5.5

实时计算当前时间与指定时间的差值

function updateTimeDiff() {
    var now = new Date();
    var target = new Date('2023-12-31T23:59:59');
    var diff = target - now;

    var days = Math.floor(diff / (1000 * 60 * 60 * 24));
    var hours = Math.floor((diff % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
    var mins = Math.floor((diff % (1000 * 60 * 60)) / (1000 * 60));
    var secs = Math.floor((diff % (1000 * 60)) / 1000);

    $('#timeDiff').text(days + '天 ' + hours + '小时 ' + mins + '分钟 ' + secs + '秒');
}
setInterval(updateTimeDiff, 1000);

格式化时间差显示

function formatTimeDiff(start, end) {
    var diff = end - start;
    var days = Math.floor(diff / 86400000);
    var hours = Math.floor((diff % 86400000) / 3600000);
    var minutes = Math.floor((diff % 3600000) / 60000);
    var seconds = Math.floor((diff % 60000) / 1000);

    return {
        days: days,
        hours: hours,
        minutes: minutes,
        seconds: seconds,
        toString: function() {
            return this.days + 'd ' + this.hours + 'h ' + this.minutes + 'm ' + this.seconds + 's';
        }
    };
}