01.js倒计时

HdLmj

已于 2023-03-23 19:20:08 修改

阅读量43

点赞数

分类专栏： js 文章标签： javascript html servlet

于 2023-03-23 19:02:05 首次发布

本文链接：https://blog.csdn.net/weixin_52563089/article/details/129737132

版权

js 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

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

<head>
    <meta charset="UTF-8">
    <title>五一倒计时</title>
</head>

<body>
    <div id='time'></div>
</body>

<script>

    function km() {
        //获取当前时间
        var now_time = new Date();

        // 创建指定时间
        // 因为月份是0~11排的，所有若想是5月1就得把想要的月份减去一，才是真实月份
        var time = new Date(2023, 4, 1);

        //时间差
        var go_time = time - now_time;

        //把毫秒转为天  时  分  秒退回
        var day = Math.floor(go_time / 1000 / 60 / 60 / 24);
        var hour = Math.floor(go_time / 1000 / 60 / 60 % 24);
        var min = Math.floor(go_time / 1000 / 60 % 60);
        var s = Math.floor(go_time / 1000 % 60);

        document.getElementById('time').innerHTML = '距离五一还有' + day + '天' + hour + '时' + min + '分' + s + '秒';
    }

    setInterval(km,1000);

</script>

</html>