2022已经到了尾声，做一个漂亮的倒计时页面迎接2023年的到来

 

个人主页：天寒雨落的博客_CSDN博客-初学者入门C语言,python,数据库领域博主 

目录

前言

效果图

网页直链

完整代码

倒计时的实现原理

---

前言

2022即将到来，快来一起做一个元旦倒计时分享给自己喜欢的人吧~

效果图

 

网页直链

下面是可以直接访问的网页

新年快乐 (tyt18888.github.io)

完整代码

倒计时的实现原理

使用 new Date() 获取当前时间， Date.parse()方法解析一个表示某个日期的字符串，并返回从1970-1-1 00:00:00 UTC 到该日期对象（该日期对象的UTC时间）的毫秒数。然后，求两个时间差。这里也可以使用 getTime() 方法获取现在时和结束时距离的毫秒数。
把时间差转换为天数、小时数、分钟数和秒数显示。主要是用%取模运算。得到距离结束时间的毫秒数（剩余毫秒数），除以 1000 得到剩余秒数，再除以 60 得到剩余分钟数，再除以 60 得到剩余小时数。除以 24 得到剩余天数。剩余秒数 diff/1000 模 60 得到秒数，剩余分钟。数。diff/(1000 * 60) 模 60 得到分钟数，剩余小时数 diff/(1000 * 60 * 60) 模 24 得到小时数。

即

1.获取当前时间与结束时间的毫秒数，通过毫秒数做运算，获取出倒计天、时、分、秒

2.拿到值以后将其绑定到标签上

3.利用定时器 每秒执行一次 获取最新值

最后提前祝大家新年快乐！

+✏️+⭐️是对博主最大的鼓励与支持！！！