在一切开篇之前,要先感谢一下张戈大佬的代码,我是根据他给出的代码,才成功的给我的网站主页添加了运行时间的。在此贴一下大佬的博客地址:张戈博客
其实给网站首页添加博客运行时间这个行为是没有任何技术含量的,唯独需要技术含量的就是web前端代码的编写。我只是一个什么都不会的臭设计,所以遇到这样稀奇古怪的想法,我只能寄希望于谷歌。
于是就找到了张戈大佬给出的前端代码,下面我就写一下我添加代码的过程,算是记录,另一方面也希望能帮助到有这方面需求的朋友~
p.s我这个办法可能并不一定适用于所有人,但是我觉得wordpress的绝大多数主题,应该都支持这个办法,毕竟这个办法实在是太简单高效了
首先先复制下面这串代码,然后自己按需求修改其中的字段:
<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(2020, 2, 7, 23, 07, 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> 小站已快乐运行:<span id="htmer_time" style="color: auto;"></span>
然后打开外观——自定义页面
然后点击小工具
然后点击工具栏
然后点击添加小工具项里的自定义HTML代码
然后将上面复制的那段代码粘贴到代码栏里,点击主题发布,就Okay了~