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日期天数、时分秒倒计时内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
这篇文章主要为大家分享了JS制作类似于选项卡切换的年历，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
今天项目中突然遇到了不太明白的写法,下面这篇文章主要给大家介绍了关于JavaScript中.?、??、??=的用法以及含义的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考下2022-04-04![js中promise如何取到[[PromiseResult]]问题](//img.jbzj.com/images/xgimg/bcimg2.png)
js中promise如何取到[[PromiseResult]]问题
这篇文章主要介绍了js中promise如何取到[[PromiseResult]]问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-05-05
跨域问题的本质是浏览器为了保证用户的一种安全拦截机制,想要解决跨域问题,只需要告诉浏览器"我是自己人,不要拦我"就行,下面这篇文章主要给大家介绍了关于最常见的六种跨域解决方案的相关资料,需要的朋友可以参考下2023-04-04
本篇文章主要是对判断js函数、变量是否存在的简单示例代码进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-03-03
本篇文章主要是对js 事件截取enter按键页面提交事件示例代码进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-03-03
在本文中，我们将学习如何使用 HTML CSS 和 JavaScript创建响应式计数器动画。 我们在很多地方都可以用，比如适用于不同类型的个人网站、企业网站等，感兴趣的可以了解一下2022-08-08
这篇文章主要介绍了JavaScript命名空间模式,结合实例形式分析了javascript命名空间模式的相关概念、原理、实现方法及操作注意事项,需要的朋友可以参考下2019-06-06
这篇文章主要为大家详细介绍了小程序调用微信支付的方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-09-09
这篇文章主要介绍了JS实现的用来对比两个用指定分隔符分割的字符串是否相同,本文代码为特殊需要而写,需要的朋友可以参考下2014-09-09
![js中promise如何取到[[PromiseResult]]问题](http://img.jbzj.com/images/xgimg/bcimg2.png)
最新评论