//倒计时
function countDown(time) {
//当前时间
let nowTime = +new Date();
//目标时间
let inputTime = +new Date(time);
//相差的时间 秒
let times = (inputTime - nowTime) / 1000;
//时间格式化
let day = parseInt(times / 60 / 60 / 24);//天
day = day < 10 ? '0' + day : day;
let hour = parseInt(times / 60 / 60 % 24);//时
hour = hour < 10 ? '0' + hour : hour;
let minute = parseInt(times / 60 % 60);//分
minute = minute < 10 ? '0' + minute : minute;
let second = parseInt(times % 60);//秒
second = second < 10 ? '0' + second : second;
return day + '天' + hour + '时' + minute + '分' + second + '秒';
}
console.log(countDown('目标时间')); //注意书写格式 例 '2021-7-24 00:00:00'
JavaScript 倒计时案例
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 你会不会在开发项目的过程中遇到这样的问题,经常会有一些计时器或者定时器功能需求,还有一些需要倒计时功能,针对以上的...
- 定时器(两种) window 对象给我们提供了 2 个非常好用的方法-定时器。 setTimeout() setI...
- 之前一个项目在做手机注册登录时,有一个特殊的需求,就是发送验证码,按钮进入倒计时后,退出页面(pop),重新进入还...
- 1.1什么是BOM BOM即浏览器对象模型,它提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象是windo...