2022年了，提前祝大家2023年快乐——2023年倒计时_qq新年倒计时代码大全可复制

作者：很楠不爱3 | 2024-02-16 19:47:25

踩

qq新年倒计时代码大全可复制

效果展示：
在这里插入图片描述

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>倒计时</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        html, body {
            height: 100%
        }

        body {
            background-image: url("newyear.jpg");
            background-size: 100% 100%;
            background-position: center center;
            font-size: 28px;
            font-family: "宋体";
            overflow-y: hidden;
            overflow-y: hidden;
        }

        .main {
            width: 100%;
            height: 100%;
            /*margin: 10% auto;*/
            /*border: 1px solid red;*/
        }

        .title {
            /*background: #20a53a;*/
            color: greenyellow;
            font-size: 40px;
            height: 50px;
            line-height: 50px;
            /*padding-left: 20px;*/
            text-align: center;
        }

        .content {
            /*background-color: #f3f7f9;*/
            height: calc(100% - 50px);
            border: 1px dashed #c6d9b6;
            text-align: center;
        }

        #time {
            display: block;
            margin-top: 100px;
            /*line-height: 900px;*/
            font-size: 60px;
            /*font-size: 100%;*/
            vertical-align: middle;
            color: yellow;
        }
    </style>
</head>

<body>
<div class="main">
    <div class="title">2023</div>
    <div class="content">
        <p id="time">祝大家新年快乐呀！</p>
    </div>
</div>
</body>
<script>
    window.onload = function () {
        let oTime = document.querySelector('#time')
        let Timer = setInterval(function () {
            let date = new Date()
            date.getDay()
            date.getMonth()
            date.getFullYear()
            console.log(date.getFullYear() == 2023)
            if (date.getFullYear() == 2023) {
                oTime.innerHTML = `2023,新年快乐！`
                clearInterval(Timer)//由 setInterval()返回的ID值可用作clearInterval()方法的参数。
            }
            oTime.innerHTML = ` 距 2023 年还有<br><br>
                                ${11 - date.getMonth()}月
                                ${getMonthDays(date.getFullYear(), date.getMonth()) - date.getDate()}天
                                ${23 - date.getHours()}时
                                ${59 - date.getMinutes()}分
                                ${60 - date.getSeconds()}秒`;
        }, 999)

        //获取某年某月天数
        function getMonthDays(year, month) {
            let date = new Date(year, month, 0)
            return date.getDate();
        }
    }
</script>
</html>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100

在下提前祝大家 2023 新年快乐！

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/很楠不爱3/article/detail/96365