打开：你博客目录/themes/anzhiyu/source/js#

在里面新建一个.js文件，例如我新建了一个clock.js文件编辑文件，加入下面代码

1
// 设置倒计时的目标日期
2
var countDownDate = new Date("September 6, 2034 00:00:00").getTime();
3

4
// 每秒更新倒计时
5
var x = setInterval(function() {
6
    var now = new Date().getTime();
7
    var distance = countDownDate - now;
8

9
    // 计算天、小时、分钟和秒
10
    var days = Math.floor(distance / (1000 * 60 * 60 * 24));
11
    var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
12
    var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
13
    var seconds = Math.floor((distance % (1000 * 60)) / 1000);
14

15
    // 显示结果
16
    document.getElementById("countdown").innerHTML =
17
        days + "天 " + hours + "小时 " +
18
        minutes + "分钟 " + seconds + "秒 ";
19

20
    // 倒计时结束显示提示
21
    if (distance < 0) {
22
        clearInterval(x);
23
        document.getElementById("countdown").innerHTML = "你发现了彩蛋";
24
    }
25
}, 1000);

参数

注释

可改值

你发现了彩蛋

倒计时结束的文字

随意

September 6

日期

英文月份+日期

2034 00:00:00

日期

年份+具体时间

在你要的文件里(本人仅测试了md文件)加入下面代码即可实现#

1
<style>
2
.big-font {
3
    font-size: 50px;  /* 字体大小保持原样 */
4
    font-weight: bold;
5
}
6
</style>
7

8
<body>
9
    <!-- 倒计时容器 -->
10
    <div id="countdown" class="big-font"></div>
11

12
    <!-- 修正类名前多余的点号 -->
13
    <script data-pjax defer src='/js/clock.js'></script>
14
    <div class="pjax-reload"></div>  <!-- 修正后的类名 -->
15
</body>