HQY 一个和谐有爱的空间

很多时候，我们可以看到大多个人博客、站点都会在网站底部页脚部分，或者其他位置有“本网站已稳定运行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://www.hqyman.cn/post/7380.html 非本站原创文章欢迎转载，原创文章需保留本站地址！

休息一下~~