怸歪小站

  • 获取计时代码:
  • 在网站相应位置加入代码:
  • 网站首页
  • 所有文章
  • 工具汇总
    • 转个义
  • 记录点滴
  • 博友新章
  • 关于本站
    • 留个言
  • 文章归档
  • 榜上有名
  • 友情链接

本站已苦苦支撑

X 天 X 时 X 分 X 秒

喜欢这款主题

抢先体验 | 作者主页

【转载】教程|代码实现给个人博客增加“本站已稳定运行xx天”效果

  • 怸歪
  • 2022-09-29
  • 1

很多时候,我们可以看到大多个人博客、站点都会在网站底部页脚部分,或者其他位置有“本网站已稳定运行xxx天”这样的效果(如下图)。

实现这样的效果并不难,只需要听过将用户自定义的站点建立时间转换成时间戳,用获取当前时间戳减去用户建站时间戳,然后转换成对应的时间差值即可。

说人话,就是在网相应位置增加一串JS代码即可。

获取计时代码:

首先,我们需要准备一个计时器功能的 JS 代码,不会写代码没关系,网上有很多类似的代码,下面放几个参考下,也可以直接使用。

这是二歪同学博客所使用的网站运行代码:

  <i class="fa fa-cog fa-spin fa-1x fa-fw"></i><span>本博客已稳定运行<span id="days"
            style="font-weight:800; color:#ED712E;">0</span>天</span>
    <script>
        let s1 = '2021-9-25';//设置为你的建站时间
        s1 = new Date(s1.replace(/-/g, "/"));
        s2 = new Date();
        let days = s2.getTime() - s1.getTime();
        let number_of_days = parseInt(days / (1000 * 60 * 60 * 24));
        document.getElementById('days').innerHTML = number_of_days;
    </script>

我们根据代码注释,修改自己的建站时间即可。即 S1 变量值。

在网站相应位置加入代码:

然后我们在自己网站加入相应的代码即可。这里以二歪同学博客为例,基于 wordpress 搭建博客系统,在 外观>小工具 里,增加「自定义HTML」 小工具,将以上代码拷贝进小工具,进行保存即可。
【来源:https://waistu.com/archives/65.html,转载请注明】

声明:怸歪小站 | 本文采用署名-非商业性使用-相同方式共享 4.0 国际许可协议[CC BY-NC-SA]进行授权
文章名称:【转载】教程|代码实现给个人博客增加“本站已稳定运行xx天”效果
文章链接:https://cycy.fun/2022/09/bzywdyx/
本站文章若无特别说明,皆为原创,转载请注明来源:怸歪小站,如果您喜欢可以订阅本站RSS feed
转载声明

  本站资源仅供个人学习交流,请于下载后24小时内删除,不允许用于商业用途,否则法律问题自行承担。如果您访问和下载此文件,表示您同意只将此文件用于参考、学习而非其他用途,否则一切后果请您自行承担。本站为个人博客非盈利性站点,所有软件信息均来自网络,所有资源仅供学习参考研究目的,并不贩卖软件,不存在任何商业目的及用途,网站会员捐赠是您喜欢本站而产生的赞助支持行为,仅为维持服务器的开支与维护,全凭自愿无任何强求。
免责声明
© 2025 怸歪小站
Theme by Wing

辽ICP备2023008417号-1

  • {{ item.name }}
  • {{ item.name }}