小案例 - 倒计时

最新推荐文章于 2024-10-07 09:24:46 发布

萌少主

最新推荐文章于 2024-10-07 09:24:46 发布

阅读量81

点赞数

本文链接：https://blog.csdn.net/miracle_linlei/article/details/128502789

版权

JavaScript 倒计时日期时间格式化函数

关键词由CSDN通过智能技术生成

<script>
      /* 
        公式：
        d = parseInt(总秒数/60/60/24);  ∥计算天数
        h = parseInt(总秒数/60/60%24);  // 计算小时
        m = parseInt(总秒数/60%60);  ∥计算分数
        s = parseInt(总秒数%60);   ∥计算当前秒数
      */
      function countDown(time) {
        // (1) 获取毫秒数
        var nowTime = +new Date()
        var iptTime = +new Date(time)
        // (2) 获取毫秒数之差 -> 转换成秒计算更精准
        var times = (iptTime - nowTime) / 1000
        // (3) 格式化时间
        var d = parseInt(times / 60 / 60 / 24) // 天
        d = d < 10 ? '0' + d : d
        var h = parseInt((times / 60 / 60) % 24) // 时
        h = h < 10 ? '0' + h : h
        var m = parseInt((times / 60) % 60) // 分
        m = m < 10 ? '0' + m : m
        var s = parseInt(times % 60) // 秒
        s = s < 10 ? '0' + s : s
        // (4) 返回时间
        return d + '天' + h + '时' + m + '分' + s + '秒'
      }
      console.log(countDown('2023-1-5 08:00:35'))
    </script>