码云笔记前端博客
Home > WP教程 > WordPress网站底部设置网站已运行时间代码

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

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

本文共计743个字,阅读时间预计2分钟,干货满满,记得点赞加收藏哦

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>

「除特别注明外,本站所有文章均为码云笔记原创,转载请保留出处!」

赞(6) 打赏

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

支付宝
微信
6

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

支付宝
微信
标签:

上一篇:

下一篇:

你可能感兴趣

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

博客简介

码云笔记 mybj123.com,一个专注Web前端开发技术的博客,主要记录和总结博主在前端开发工作中常用的实战技能及前端资源分享,分享各种科普知识和实用优秀的代码,以及分享些热门的互联网资讯和福利!码云笔记有你更精彩!
更多博客详情请看关于博客

精彩评论

站点统计

  • 文章总数: 471 篇
  • 分类数目: 13 个
  • 独立页面: 8 个
  • 评论总数: 228 条
  • 链接总数: 15 个
  • 标签总数: 1033 个
  • 建站时间: 522 天
  • 访问总量: 8680991 次
  • 最近更新: 2019年11月15日