给wordpress博客主页添加运行时间代码

在一切开篇之前,要先感谢一下张戈大佬的代码,我是根据他给出的代码,才成功的给我的网站主页添加了运行时间的。在此贴一下大佬的博客地址:张戈博客

其实给网站首页添加博客运行时间这个行为是没有任何技术含量的,唯独需要技术含量的就是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了~

 

——本文章为Cattypapa原创,如需转载,请注明出处——

发表评论

电子邮件地址不会被公开。 必填项已用*标注