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

时间:2024-07-07 22:06:38

一个简单的倒计时,可以设定结束时间,然后自动计算出距离活动结束还有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);