Butterfly魔改5：在网站底部添加建站时间

前言

看官方文档的时候，明明busuanzi是有个“网站已运行时间的”，但是这里就没有。那就自己弄一个吧，这玩意儿看着感觉还是挺有成就感的。

步骤

在 \themes\butterfly\layout\includes\footer.pug 的最后添加如下代码即可：

// Add the time calculation script
div
span#timeDate 载入天数...
span#times 载入时分秒...
script.
    var now = new Date(); 
    function createtime() { 
    var grt = new Date("1/2/2025 21:36"); // 在此处修改你的建站时间
    now.setTime(now.getTime() + 250); 
    days = (now - grt) / 1000 / 60 / 60 / 24; 
    dnum = Math.floor(days); 
    hours = (now - grt) / 1000 / 60 / 60 - (24 * dnum); 
    hnum = Math.floor(hours); 
    if (String(hnum).length == 1) { hnum = "0" + hnum; } 
    minutes = (now - grt) / 1000 / 60 - (24 * 60 * dnum) - (60 * hnum); 
    mnum = Math.floor(minutes); 
    if (String(mnum).length == 1) { mnum = "0" + mnum; } 
    seconds = (now - grt) / 1000 - (24 * 60 * 60 * dnum) - (60 * 60 * hnum) - (60 * mnum); 
    snum = Math.round(seconds); 
    if (String(snum).length == 1) { snum = "0" + snum; } 
    document.getElementById("timeDate").innerHTML = "本网站已运行 " + dnum + " 天 "; 
    document.getElementById("times").innerHTML = hnum + " 小时 " + mnum + " 分 " + snum + " 秒"; 
    } 
    setInterval(createtime, 250);

不想要显示“秒”的话：

div
  span#timeDate 载入天数...
  span#times 载入时分...
  script.
    var now = new Date(); 
    function createtime() { 
      var grt = new Date("1/2/2025 21:36"); // 在此处修改你的建站时间
      now.setTime(now.getTime() + 250); 
      days = (now - grt) / 1000 / 60 / 60 / 24; 
      dnum = Math.floor(days); 
      hours = (now - grt) / 1000 / 60 / 60 - (24 * dnum); 
      hnum = Math.floor(hours); 
      if (String(hnum).length == 1) { hnum = "0" + hnum; } 
      minutes = (now - grt) / 1000 / 60 - (24 * 60 * dnum) - (60 * hnum); 
      mnum = Math.floor(minutes); 
      if (String(mnum).length == 1) { mnum = "0" + mnum; } 
      document.getElementById("timeDate").innerHTML = "本网站已运行 " + dnum + " 天 "; 
      document.getElementById("times").innerHTML = hnum + " 小时 " + mnum + " 分"; 
    } 
    setInterval(createtime, 250);

只想显示“天”的话：

div
  span#timeDate 载入天数...
  script.
    var now = new Date(); 
    function createtime() { 
      var grt = new Date("1/2/2025 21:36"); // 在此处修改你的建站时间
      now.setTime(now.getTime() + 250); 
      days = (now - grt) / 1000 / 60 / 60 / 24; 
      dnum = Math.floor(days); 
      document.getElementById("timeDate").innerHTML = "本网站已运行 " + dnum + " 天"; 
    } 
    setInterval(createtime, 250);