js倒计时效果

最新推荐文章于 2024-07-26 20:46:33 发布

m0_46701899

最新推荐文章于 2024-07-26 20:46:33 发布

阅读量49

点赞数

文章标签： javascript 前端 html Powered by 金山文档

本文链接：https://blog.csdn.net/m0_46701899/article/details/129622978

版权

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script src="js/jquery-3.6.4.min.js"></script>
        <script src="js/dom.js"></script>
    </head>
    <body>
        <script type="text/javascript">
            // 倒计时效果
            // 把剩余时间的毫秒转换为天、时、分、秒（时间戳转换为时分秒）
            // 转换公式如下
            // 计算天数  d=parseInt(总秒数/60/60/24)
            // 计算小时  h=parseInt(总秒数/60/60%24)
            // 计算分钟  m=parseInt(总秒数/60%60)
            // 计算当前秒数  s=parseInt(总秒数%60)
            var timeOut = null

            function conutDown(time) {
                // 返回当前的时间总毫秒数
                var current = +new Date()
                // 结束的毫秒数
                var otherTime = +new Date(time)
                // 剩余时间秒数
                var times = (otherTime - current) / 1000
                if (times > 0) {
                    // 计算天数
                    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
                    return d + '天' + h + '时' + m + '分' + s + '秒'
                } else {
                    clearInterval(timeOut)
                }

            }
            timeOut = setInterval(() => {
                console.log(conutDown('2023-3-17 16:08:00'))
            }, 1000)
        
        </script>


    </body>

</html>