js 实现倒计时，以及new Date().getTime()的格式化应用兼容性说明

最新推荐文章于 2024-08-02 16:50:48 发布

tangchangcai.

最新推荐文章于 2024-08-02 16:50:48 发布

阅读量2.9k

点赞数

分类专栏： js jQuery

本文链接：https://blog.csdn.net/tangcc110/article/details/82621237

版权

本文介绍了如何使用JavaScript实现从当前时间到指定日期的倒计时功能，核心代码展示了计算过程。同时，文章探讨了Date.getTime()方法返回的毫秒值在不同浏览器中的兼容性问题，以及如何将其转换为易读的日期格式，包括计算天数、小时、分钟和秒数。

摘要由CSDN通过智能技术生成

最终效果：用%（mod）等方法计算得出9月10号距离国庆开业的倒计时

$D:\0910张亮\PC切图\PC切图$

html:核心代码

<div class="countdown-block">
  <!-- 数字的背景 -->
  <img class="countdown-block-bg" src="../img/activity/countDown/displayBlock.png" height="84" width="305"/>
  <!-- 倒计时数字，相对于 “countdown-block”绝对定位 left:0,top:0 看情况调整 -->
  <div class="countdown-number">
    <ul class="activity-day"><li id="day1">0</li><li id="day2">0</li></ul>
    <ul class="activity-hour"><li id="hour1">0</li><li id="hour2">0&