如何给自己的WordPress博客网页添加一个网站已运营时间小工具？

本文转自博主的个人博客：https://blog.zhumengmeng.work,欢迎大家前往查看。
原文链接：点我访问

原因：今天闲来无聊，突发奇想，给博客增添一个已运营时间怎么样？在网上查来查去，发现大部分都是直接放在网页里的代码，而代码放到我的主题里会与live2D插件产生的虚拟形象发生冲突，故开发了此小工具。

具体效果：

那么我们如何实现这个小工具呢？

首先点击小工具中的自定义HTML

其次输入如下代码：

<span id="runtime_span" style="color:#0196e3;"></span>
<script type="text/javascript">
    function show_runtime(){
    window.setTimeout("show_runtime()",1000);
    X=new Date("12/18/2021 1:00:00");
    Y=new Date();
    T=(Y.getTime()-X.getTime());
    M=24*60*60*1000;
    a=T/M;
    A=Math.floor(a);
    b=(a-A)*24;B=Math.floor(b);
    c=(b-B)*60;
    C=Math.floor((b-B)*60);
    D=Math.floor((c-C)*60);
    runtime_span.innerHTML="网站已运行"+A+"天"+B+"小时"+C+"分"+D+"秒"
}
show_runtime();
</script>

然后我们刷新网页就ok辣！

----分割线-----------------------------------------------------------------------------------------------------------------------------------------------------------------------
2024/1/29更新：
因为服务器运营时间到达了一年，故修改了下代码，使得能够显示运营年数doge,代码如下，可自行对比差异：

<span id="runtime_span" style="color:#0196e3;font-size:15px;"></span>
<script type="text/javascript">
    function show_runtime()
    {
         window.setTimeout("show_runtime()",1000);
         X=new Date("1/21/2023 00:00:00");
         Y=new Date();
         T=(Y.getTime()-X.getTime());
         M=24*60*60*1000;
         N=parseInt(Math.floor(T/M)/365);
         a=T/M;A=Math.floor(a)-N*365;
         b=(a-A-365)*24;
         B=Math.floor(b);
         c=(b-B)*60;
         C=Math.floor((b-B)*60);
         D=Math.floor((c-C)*60);
         runtime_span.innerHTML="网站已运行"+N+"年"+A+"天"+B+"小时"+C+"分"+D+"秒"
    }
    show_runtime();
</script>