文章前后JS插入元素

文章时效性提醒

创建Blog\source\js\outdated.js,实际渲染效果取决于博客主题

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
(function() {
var times = document.getElementsByTagName('time');
if (times.length === 0) { return; }
var posts = document.getElementsByClassName('post-content');
if (posts.length === 0) { return; }

var pubTime = new Date(times[0].dateTime); /* 文章发布时间戳 */
var now = Date.now() /* 当前时间戳 */
var interval = parseInt(now - pubTime)
/* 发布时间超过指定时间(毫秒)默认30天 */
if (interval > 3600*24*30*1000){
var days = parseInt(interval / 86400000)
/*
posts[0].insertAdjacentHTML('afterbegin', '<div class="note note-warning" style="font-size:0.9rem"><p>' +
'<div class="h6">文章时效性提示</div><p>这是一篇发布于 ' + days + ' 天前的文章,部分信息可能已发生改变,请注意甄别。' +
'</p></p></div>');
*/
// or
posts[0].insertAdjacentHTML('afterbegin', '<span class="label label-primary">这是一篇发布于 ' + days + ' 天前的文章</span>');
}
})();

网站运行时间

创建Blog\source\js\duration.js,实际渲染效果取决于博客主题

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
!(function() {
/** 计时起始时间,自行修改(UTC) **/
var start = new Date("2022/01/11 15:29:33");

function update() {
var now = new Date();
now.setTime(now.getTime()+250);
days = (now - start) / 1000 / 60 / 60 / 24;
dnum = Math.floor(days);
hours = (now - start) / 1000 / 60 / 60 - (24 * dnum);
hnum = Math.floor(hours);
if(String(hnum).length === 1 ){
hnum = "0" + hnum;
}
minutes = (now - start) / 1000 /60 - (24 * 60 * dnum) - (60 * hnum);
mnum = Math.floor(minutes);
if(String(mnum).length === 1 ){
mnum = "0" + mnum;
}
seconds = (now - start) / 1000 - (24 * 60 * 60 * dnum) - (60 * 60 * hnum) - (60 * mnum);
snum = Math.round(seconds);
if(String(snum).length === 1 ){
snum = "0" + snum;
}
document.getElementById("timeDate").innerHTML = "本站已运行&nbsp"+dnum+"&nbsp天";
document.getElementById("times").innerHTML = hnum + "&nbsp小时&nbsp" + mnum + "&nbsp分&nbsp" + snum + "&nbsp秒🌼";
}

update();
setInterval(update, 1000);
})();

文章前后JS插入元素
https://blog.zhaosn.top/blog/blog_Injection/
作者
Zhao SN
发布于
2026年1月12日
更新于
2026年1月12日
许可协议