2021年五一劳动节倒计时

最新推荐文章于 2024-07-25 02:11:29 发布

v_Monster

最新推荐文章于 2024-07-25 02:11:29 发布

阅读量358

点赞数 1

分类专栏： JavaScript HTML 文章标签： js html

本文链接：https://blog.csdn.net/v_Monster/article/details/116033052

版权

JavaScript 同时被 2 个专栏收录

4 篇文章 0 订阅

订阅专栏

HTML

2 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        h1 {
            font-size: 60px;
            text-align: center;
            margin: 80px auto;
            line-height: 200px;
            color: orange;
        }
    </style>
</head>
<body onload="countDown()">
<h1>距离2021年五一劳动节还剩</h1>
<h1 id="countTime">00年00月00日00时00分00秒</h1>
<script>
function countDown() {
    var info = document.getElementById('countTime');
    var bookingTime = new Date('2021-5-1 0:0:0');
    var nowTime = new Date();
    var timeDifference = bookingTime - nowTime;

    // 通过方法获取年 月 日 小时 分钟 秒
    var year = Math.floor(timeDifference / 1000 / 60 / 60 / 24 / 365);
    var month = Math.floor(timeDifference / 1000 / 60 / 60 / 24 / 30 % 12);
    var date = Math.floor(timeDifference / 1000 / 60 / 60 / 24 % 30);
    var hour = Math.floor(timeDifference / 1000 / 60 / 60 % 24);
    var minute = Math.floor(timeDifference / 1000 / 60 % 60);
    var second = Math.floor(timeDifference / 1000 % 60);
    // 三目运算符判断
    year = year < 10 ? '0' + year : year
    month = month < 10 ? '0' + month : month
    date = date < 10 ? '0' + date : date
    hour = hour < 10 ? '0' + hour : hour
    second = minute < 10 ? '0' + second : minute
    second = second < 10 ? '0' + second : second
    info.innerHTML = year + '年' + month + '月' + date + '日' + hour + '时' + minute + '分' + second + '秒';
    setTimeout('countDown()', 1000);
}
</script>
</body>
</html>

v_Monster

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
2021年五一劳动节倒计时

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> h1 { font-size: 60px; text-align: center; margin: 80px auto;
复制链接

扫一扫

专栏目录