js实现日期天数、时分秒的倒计时完整代码
更新时间:2023年11月03日 10:16:18 作者:西门吹雪~
这篇文章主要给大家介绍了关于js实现日期天数、时分秒的倒计时的相关资料,实现倒计时功能首先是得到目标时间,然后用当前时间减去目标时间,最后将时间差传化为天数、时、分、秒,需要的朋友可以参考下
前言
在用js实现倒计时的时候,可以先算出截止日期和今天之间相差的毫秒数,然后进行相应的比例进行day、 month 、hour、minute、second的计算,便可以准确的计算出相差的时间。
倒计时格式为:纯天数倒计时
function CountDown(year, month, day, hours) { let now = new Date(); let endDate = new Date(year, month - 1, day, hours); let leftTime = endDate.getTime() - now.getTime();//计算剩余的毫秒数 if (leftTime <= 0) { leftTime = 0; } let leftsecond = parseInt(leftTime / 1000);//计算剩余的秒数 let countDay = Math.floor(leftsecond / (60 * 60 * 24)); return countDay; }, //直接调用就好了 CountDown(2050, 12, 31, 24)
倒计时格式为:天数+小时+分钟+秒
function CountDown(year, month, day, hours) { let now = new Date(); let endDate = new Date(year, month - 1, day, hours); let leftTime = endDate.getTime() - now.getTime();//计算剩余的毫秒数 if (leftTime <= 0) { leftTime = 0; } let leftsecond = parseInt(leftTime / 1000);//计算剩余的秒数 day = Math.floor(leftsecond / (60 * 60 * 24)); let hour = Math.floor((leftsecond - day * 24 * 60 * 60) / 3600); let minute = Math.floor((leftsecond - day * 24 * 60 * 60 - hour * 3600) / 60); let second = Math.floor(leftTime / 1000 % 60, 10); return `${day}天${hour}小时${minute}分钟${second}秒`; } //直接调用即可 CountDown(2050, 12, 31, 24)
总结
到此这篇关于js实现日期天数、时分秒的倒计时的文章就介绍到这了,更多相关js日期天数、时分秒倒计时内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
相关文章
JavaScript将DOM事件处理程序封装为event.js 出现的低级错误问题
这篇文章主要介绍了JavaScript将DOM事件处理程序封装为event.js 出现的低级错误问题做个笔录,以防出现类似错误,需要的朋友可以参考下2016-08-08JavaScript中关键字 var、let、const的区别详解
在JavaScript中,var、let和const是用于声明变量的关键字,它们之间存在一些区别,这篇文章就给大家详细介绍一下它们之间的区别,文章通过代码示例介绍的非常详细,需要的朋友可以参考下2023-08-08你必须知道的Javascript知识点之"单线程事件驱动"的使用
本篇文章小编为大家介绍,你必须知道的Javascript知识点之"单线程事件驱动"的使用。需要的朋友参考下2013-04-04
最新评论