打开wordpress后台,在后台找到iro主题设置 => 选择全局设置 => 页尾设置

下滑找到页尾信息,在其中输入以下内容

<p align="center"><span id="runtime_span"></span></p>

注 : 这个代码本身只是提供了一个容器，具体显示什么内容需要通过JavaScript来动态更新

继续下滑,找到页尾附加代码

在其中输入以下内容

function show_runtime(){
    setTimeout(show_runtime, 1000);
    
    const startTime = new Date("2025-09-07T08:00:00");
    const now = new Date();
    const diff = now - startTime;
    
    const days = Math.floor(diff / (24 * 60 * 60 * 1000));
    const hours = Math.floor((diff % (24 * 60 * 60 * 1000)) / (60 * 60 * 1000));
    const minutes = Math.floor((diff % (60 * 60 * 1000)) / (60 * 1000));
    const seconds = Math.floor((diff % (60 * 1000)) / 1000);
    
    runtime_span.innerHTML = `放学后午茶会已营业${days}天${hours}小时${minutes}分${seconds}秒`;
}

注 : 这串JavaScript代码实现了一个实时更新的倒计时/正计时功能

显示效果为 : 放学后午茶会已营业123天5小时30分15秒.(每秒自动更新)

当然可以修改其中的内容

const startTime = new Date("2025-09-07T08:00:00");
runtime_span.innerHTML = `放学后午茶会已营业${days}天${hours}小时${minutes}分${seconds}秒`;

选择自己的博客网站开始运行时间和更改内容文本