怎么在WordPress博客底部增加网站已运营时间小工具

怎么在WordPress博客底部增加网站已运营时间小工具

作者
浏览量: 449

Last Updated on 2025年7月9日 by Summer的学术工作坊

网址：https://www.summerstudying.com/怎么在wordpress博客底部增加网站已运营时间小工具/

淘宝宝贝：https://item.taobao.com/item.htm?id=753706698025

第1步：打开WordPress后台，点击【小工具】

怎么在WordPress博客底部增加网站已运营时间小工具_媒体库-1

第2步：点击【页脚小工具3】

怎么在WordPress博客底部增加网站已运营时间小工具_媒体库-2

第3步：点击【加号】

怎么在WordPress博客底部增加网站已运营时间小工具_媒体库-3

第4步：点击【浏览全部】

怎么在WordPress博客底部增加网站已运营时间小工具_媒体库-4

第5步：点击【小工具】下的【自定义HTML】

怎么在WordPress博客底部增加网站已运营时间小工具_媒体库-5

第6步：把【代码】复制粘贴进去即可

怎么在WordPress博客底部增加网站已运营时间小工具_媒体库-6

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>网站运行时间</title>
    <script>
        function calculateTime() {
            var startTime = new Date("2024-09-13 00:00:00"); // 网站创建日期和时间
            var currentTime = new Date();
            var diff = currentTime - startTime; // 毫秒差
            var seconds = Math.floor(diff / 1000); // 秒
            var minutes = Math.floor(seconds / 60);
            var hours = Math.floor(minutes / 60);
            var days = Math.floor(hours / 24);
            var years = Math.floor(days / 365);
            var months = Math.floor((days % 365) / 30); // 简化计算，实际月份天数不同
            var remainingDays = days % 30;

            var result = years + "年" + months + "月" + remainingDays + "日" +
                         hours % 24 + "小时" + 
                         minutes % 60 + "分钟" + 
                         seconds % 60 + "秒";

            document.getElementById("time").innerHTML = result;
        }

         // 更新时间显示
        setInterval(function() {
            calculateTime();
        }, 1000); // 每秒更新一次
    </script>
</head>
<body onload="calculateTime()">
    <p>本站已运行：<span id="time"></span></p>
</body>
</html>