JS做一个元旦倒计时案例

前端小白=^=

已于 2022-09-26 08:45:23 修改

阅读量464

点赞数

文章标签： javascript 前端

于 2022-09-25 19:55:24 首次发布

本文链接：https://blog.csdn.net/qq_45992734/article/details/127041987

版权

<body>
    <div id="box">

    </div>
    <script>
        var targetDate = new Date("2023/1/1")
        function diffTime(current,target){
            var sub = Math.ceil((target-current)/1000)
            var day = parseInt(sub/(60*60*24))
            var hours = parseInt(sub%(60*60*24)/(3600))
            var minutes = parseInt(sub%(60*60)/60)
            var seconds = sub%60
            var obj = {
                day:day,
                hours:hours,
                minutes:minutes,
                seconds:seconds
            }
            return obj
        }
        
        setInterval(function(){
            var currentDate = new Date()
            var res = diffTime(currentDate,targetDate)
            box.innerHTML = `距离23年元旦还有：${res.day}天${res.hours}小时${res.minutes}分钟${res.seconds}秒`

        })
    </script>
</body>

换算天：sub/一天的时间取整

换算小时：sub%一天的秒数/一小时的秒数取整

换算分钟：sub%一小时的秒数/一分钟的秒数取整

换算秒：sub%一分钟的秒数取整