倒计时（距离活动结束还有X天X小时X分X秒）

Posted 2020-08-07 Aboo-阿布

一个简单的倒计时，可以设定结束时间，然后自动计算出距离活动结束还有X天X小时X分X秒。

废话不多说，上代码，挺简单的，代码里有注释：

//    活动倒计时
    var time_end = new Date("2016/9/16 17:00:00");  // 将结束时间设定为国际标准时间
    time_end = time_end.getTime();  //获得结束时间到1970/01/01之间的毫秒数
    function show_time(){
        var time_now = new Date();  // 获取当前时间
        time_now = time_now.getTime();  //获取当前时间到1970/01/01之间的毫秒数
        var time_distance = time_end - time_now;  // 结束时间减去当前时间
        var int_day, int_hour, int_minute, int_second;
        if(time_distance >= 0){
            // 天时分秒换算
            int_day = Math.floor(time_distance/86400000)  //计算有多少天，向下取整
            time_distance -= int_day * 86400000;  //间隔时间减去天数
            int_hour = Math.floor(time_distance/3600000)  //计算剩余时间含有多少小时，向下取整
            time_distance -= int_hour * 3600000;  //再减去整数小时
            int_minute = Math.floor(time_distance/60000)  //计算剩余时间含有多少分钟，向下取整
            time_distance -= int_minute * 60000;  //再减去整数分钟
            int_second = Math.floor(time_distance/1000)  //计算剩余时间含有多少秒
            // 时分秒为单数时、前面加零站位
            if(int_hour < 10)
                int_hour = "0" + int_hour;
            if(int_minute < 10)
                int_minute = "0" + int_minute;
            if(int_second < 10)
                int_second = "0" + int_second;
            // 显示时间
            $(\'.day\').html(int_day);
            $(\'.hour\').html(int_hour)
            $(\'.min\').html(int_minute)
            $(\'.second\').html(int_second)
        }
    };
    window.setInterval(function(){show_time();}, 1000);

View Code