倒计时实现

最新推荐文章于 2025-12-30 12:48:39 发布

原创最新推荐文章于 2025-12-30 12:48:39 发布 · 86 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

// 获取元素
var span = document.getElementsByTagName("span")[0];

// 页面初始化
downCount();

// 每隔一秒钟就调用一次
setInterval(downCount,1000);

// 倒计时
function downCount(){
// 当前时间
var curDate = new Date();
// 目标时间
var tarDate = new Date("2022/3/26 17:20:00");

// 获取时间戳
// var curDateMillSeconds = curDate.getTime();
// var tarDateMillSeconds = tarDate.getTime();
// console.log(tarDateMillSeconds - curDateMillSeconds);

// 直接日期对象相减可以得到毫秒差
// console.log(tarDate -curDate);
// 秒差
var diffSeconds = parseInt((tarDate -curDate) / 1000);
// 转为天时分秒
var day = parseInt(diffSeconds / 86400);
var hour = parseInt(diffSeconds % 86400 / 3600);
var minutes = parseInt(diffSeconds % 3600 / 60);
var seconds = diffSeconds % 60

// 给span进行赋值
span.innerHTML = "距离放学:"+zero(day)+"天"+zero(hour)+"时"+zero(minutes)+"分"+zero(seconds)+"秒";
}

// 补零操作
function zero(val) {
return val < 10 ? "0" + val : val;
}