距离你回家的时间还有多久？（倒计时）_距离我回家,还有多久?-CSDN博客

本文链接：https://blog.csdn.net/Mr_115/article/details/127518904

博客提及给自己规定时间，计算离回家的时长，还强调即便辛苦也别忘了为时间增添色彩，并鼓励自己加油。虽未涉及信息技术相关内容，但结合标签推测与前端相关。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

给自己规定一个时间，算算离回家的时间还有几时？

<body>
    <div id="GoHome"></div>
    <script>
        function show() {
            //1.创建Date对象
            let start = new Date();  //当前时间
            let end = new Date('2023-1-1');  //规定最后的期限
            //2.计算两个日期之间的差值（毫秒）
            let times = end.getTime() - start.getTime();
            //3.将毫秒数转换成天、时、分、秒
            let d = parseInt(times / 1000 / 60 / 60 / 24);  //天数
            d = d < 10 ? '0' + d : d;
            let h = parseInt(times / 1000 / 60 / 60 % 24);  //小时数
            h = h < 10 ? '0' + h : h;
            let m = parseInt(times / 1000 / 60 % 60);  //分钟数
            m = m < 10 ? '0' + m : m;
            let s = parseInt(times / 1000 % 60);  //秒钟数
            s = s < 10 ? '0' + s : s;
            //4.将转换的结果拼接成字符串
            let str = `现在距离回家的时间还有：${d}天：${h}时：${m}分：${s}秒`;

            /*5.将字符串填充到页面的div中
                innerHTML属性：代表起始标签和结束标签之间内容
             */
            let mydiv = document.querySelector('#GoHome');
            mydiv.innerHTML = str;
            // document.getElementById('NewYear').innerHTML = str;
        }
        setInterval(show, 1000);
    </script>
</body>

再苦再累别忘了给时间加点色彩！！！

<style>
    #GoHome {
        width: 1000px;
        height: 200px;
        color: rgb(226, 23, 23);
        font-size: 40px;
        margin: 20% auto;
    }
</style>