jQuery实现简单的倒计时（天、时、分、秒）

最新推荐文章于 2023-02-27 08:54:02 发布

银河小铁皮

最新推荐文章于 2023-02-27 08:54:02 发布

阅读量1.8k

点赞数 1

分类专栏：原生JS

本文链接：https://blog.csdn.net/g_geng/article/details/103821451

版权

原生JS 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

jQuery 实现简单的倒计时

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    // 利用时间对象做倒计时: 2020年1月1日
    function holiday () {
        var date = new Date(2020, 1, 1, 0, 0, 0);
        var now = new Date();
        var delta = (date - now) / 1000; // 秒差值

        // 把差值换算成:  天时分秒
        var days = parseInt(delta / 3600 / 24);
        var hours = parseInt(delta % (3600 * 24) / 3600);
        var minutes = parseInt(delta % 3600 / 60);
        var seconds = parseInt(delta % 60);

        document.body.innerHTML = '距离2020年1月1日还有' + days + '天' + hours + '小时' + minutes + '分钟' + seconds + '秒';
    }
    holiday();
    setInterval(holiday, 1000);
</script>
</body>
</html>

银河小铁皮

关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
jQuery实现简单的倒计时（天、时、分、秒）

jQuery 实现简单的倒计时<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script> // 利用时间对象做...
复制链接

扫一扫

专栏目录