下班倒计时

关忆北_

于 2024-08-14 15:47:01 发布

阅读量423

点赞数 5

分类专栏：封装文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/notagoodwriter/article/details/141192988

版权

封装专栏收录该内容

7 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .time {
            text-align: center;
            font-weight: 600;
            font-size: 20px;
        }
    </style>
</head>

<body>
    <div class="time"></div>
    <script>

        function getTime() {
            let nowTime = new Date()
            let year = nowTime.getFullYear()
            let month = (nowTime.getMonth() + 1) < 10 ? "0" + (nowTime.getMonth() + 1) : (nowTime.getMonth() + 1)
            let day = nowTime.getDate() < 10 ? "0" + nowTime.getDate() : nowTime.getDate()
            let nowDay = year + '-' + month + '-' + day
            let goBackTime = new Date(nowDay+' 17:30:00')
            let timeC = goBackTime - nowTime
            let hour = Math.floor(timeC / 1000 / 60 / 60)
            let minutes = Math.floor(timeC / 1000 / 60 - hour * 60)
            let seconds  = Math.floor(timeC / 1000 - minutes * 60 - hour * 60 * 60 )
            hour = hour < 10  ? "0" + hour : hour
            minutes = minutes < 10  ? "0" + minutes : minutes
            seconds = seconds < 10  ? "0" + seconds : seconds
            return hour + ':' + minutes + ":" + seconds 
        }

        setInterval(() => {
            let time = getTime()
            document.getElementsByClassName('time')[0].innerHTML = '下班倒计时：' + time
        }, 1000)
    </script>
</body>

</html>