【WordPress教程】wordpress主题调用显示年月日的计时代码

给大家分享一下纯代码实现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(2013, 4, 22, 0, 0, 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: red;"></span>

 

代码使用方法:

1.上方的js代码放在wordpress主题文件中footer或head文件中,一般置于</head>标签前面(通用主题路径地址xx/wp-content/themes/主题/xx)。

2.将调用文件代码放在需要调用位置即可。具体效果可以看本站底部内容。

3.途中标记的为网站建站初始时间设置,按照年月日的格式来修改的,月份比较特殊,是从0开始的,所以显示5需耀填写4月才可以。

WordPress教程

【WordPress教程】WordPress常用的函数,方法,判断,文章页等函数

2020-7-2 21:09:28

WordPress教程网站建设

【WordPress教程】WordPress如何搭建网站

2020-7-5 20:52:27

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧