Sakurairo主题设置页尾显示“网站累计运行时间”

本人是根据这个帖子找到的方法,还有这个帖子提供的代码做出来的。

代码如下:

在”页尾信息“可输入这段代码

网站运行:<span id="htmer_time" style="color: red;"></span>

这个设置出来文字是红色,可以根据需要修改

需要什么颜色就可以在上方代码中的color后修改成自己想要的颜色(英文名称或者 十六进制颜色表都可以)。

我设置的是#5e5e5e,仅供参考

其中”网站运行“可以需改成需要的文字。

后面的”页尾附加代码“部分则输入下面这段代码;

<script>
 function secondToDate(second) {
 if (!second) {
 return 0;
 }
 var time = new Array(0, 0, 0, 0, 0);
 if (second >= 365 * 24 * 3600) {
 time[0] = parseInt(second / (365 * 24 * 3600));
 second %= 365 * 24 * 3600;
 }
 if (second >= 24 * 3600) {
 time[1] = parseInt(second / (24 * 3600));
 second %= 24 * 3600;
 }
 if (second >= 3600) {
 time[2] = parseInt(second / 3600);
 second %= 3600;
 }
 if (second >= 60) {
 time[3] = parseInt(second / 60);
 second %= 60;
 }
 if (second > 0) {
 time[4] = second;
 }
 return time;
 }
</script>
<script type="text/javascript" language="javascript">
 function setTime() {
 // 博客创建时间秒数,时间格式中,月比较特殊,是从 0 开始的,所以想要显示 5 月,得写 4 才行,如下
 var create_time = Math.round(new Date(Date.UTC(2022, 1, 1, 10, 01, 0))//这里的(new Date(Date.UTC(2022, 1, 1, 10, 01, 0))
 .getTime() / 1000);
 // 当前时间秒数,增加时区的差异
 var timestamp = Math.round((new Date().getTime() + 8 * 60 * 60 * 1000) / 1000);
 currentTime = secondToDate((timestamp - create_time));
 currentTimeHtml = currentTime[0] + '年' + currentTime[1] + '天'
 + currentTime[2] + '时' + currentTime[3] + '分' + currentTime[4]
 + '秒';
 document.getElementById("htmer_time").innerHTML = currentTimeHtml;
 }
 setInterval(setTime, 1000);
</script>

完成以后保存,可以去首页看看了。

就是这样的一个效果:

如果觉得这样在同一行不好看的话,可以加个换行符,这样:

<br/>就是HTML换行符。

显示效果最后就是这样:

作者: Xenolies
文章标题 :Sakurairo主题设置页尾显示“网站累计运行时间”
文章链接 : https://xenolies.xyz/2022/02/06/67/
文章URL : https://xenolies.xyz/2022/02/06/67/
本文采用 CC BY-NC-SA 4.0 协议
暂无评论

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇