web前端开发个人技术博客
当前位置: WP教程 > WordPress网站底部设置网站已运行时间代码

WordPress网站底部设置网站已运行时间代码

2019-07-18 分类:WP教程 作者:码云 阅读(569)

WordPress网站底部设置网站已运行时间代码

如图所示,在码云笔记的底部有一个网站运行时间,网站运行了多长时间。

随着时间的增加,秒数也在变化。

这是使用js+html做的,可能会影响一点运行速度,可能不会,我也不知道。

这里我分享给大家具体实现方法,需要的就可以放在自己的网站上了。

注意

如果主题设置中找到个性化页脚内容设置框,直接把代码放进去即可,位置自己调整。

如果没有,那就放在主题的footer.php里边合适位置!

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
网站已运行:<span id="run_time" style="color: black;"></span>
<script>
function runTime() {
    var d = new Date(), str = '';
    BirthDay = new Date("2018-06-14");
    today = new Date();
    timeold = (today.getTime() - BirthDay.getTime());
    sectimeold = timeold / 1000
    secondsold = Math.floor(sectimeold);
    msPerDay = 24 * 60 * 60 * 1000
    msPerYear = 365 * 24 * 60 * 60 * 1000
    e_daysold = timeold / msPerDay
    e_yearsold = timeold / msPerYear
    daysold = Math.floor(e_daysold);
    yearsold = Math.floor(e_yearsold);
    //str = yearsold + "年";
    str += daysold + "天";
    str += d.getHours() + '时';
    str += d.getMinutes() + '分';
    str += d.getSeconds() + '秒';
    return str;
}

setInterval(function () {
    $('#run_time').html(runTime())
}, 1000);
</script>

「本文为原创文章,版权归码云笔记所有,欢迎分享本文,转载请保留出处!」

赞(5) 打赏

觉得文章有用就打赏一下文章作者

支付宝
微信
5

觉得文章有用就打赏一下文章作者

支付宝
微信
标签:

上一篇:

下一篇:

你可能感兴趣

共有 0 条评论 - WordPress网站底部设置网站已运行时间代码

博客简介

码云笔记: mybj123.com,一个关注Web前端开发技术的博客,主要记录和总结前端工作中常用的知识及我的生活。
更多博客详情请看关于博客

精彩评论