用js计算博客运行时间

作者: 小但 分类: 码农笔记 发布时间: 2018-01-31 21:00

写在前面

哇啦啦啦啦,时隔好几个月再次更新博客啦!
这一段时间学业繁忙,天天做卷子做卷子做卷子。嘛,嗯。
今天突然心血来潮,把博客主题更新了一下,(忘了备份之前主题的配置,全部重写了一遍呜呜呜(┯_┯))
然后,就来给你们送福利了!

大佬绕行,还有一点要说

一直以来想给博客加一个计算已运行时间的小工具,苦苦冥想了个把月,一直都在想怎么用PHP来实现正计时。翻阅各大博客,翻书,撸码。试了无数回,突然想起,尼玛,计时?这™不是js的本职工作么!(掀桌)
(ノꐦ ๑´Д`๑)ノ彡┻━┻

正文



function siteTime(){
              window.setTimeout("siteTime()", 1000);
    var seconds = 1000;
    var minutes = seconds * 60;
    var hours = minutes * 60;
    var days = hours * 24;
    var years = days * 365;
    var today = new Date();
    var todayYear = today.getFullYear();
    var todayMonth = today.getMonth()+1;
    var todayDate = today.getDate();
    var todayHour = today.getHours();
    var todayMinute = today.getMinutes();
    var todaySecond = today.getSeconds();
    /* Date.UTC() -- 返回date对象距世界标准时间(UTC)1970年1月1日午夜之间的毫秒数(时间戳)
    year - 作为date对象的年份,为4位年份值
    month - 0-11之间的整数,做为date对象的月份
    day - 1-31之间的整数,做为date对象的天数
    hours - 0(午夜24点)-23之间的整数,做为date对象的小时数
    minutes - 0-59之间的整数,做为date对象的分钟数
    seconds - 0-59之间的整数,做为date对象的秒数
    microseconds - 0-999之间的整数,做为date对象的毫秒数 */
    var t1 = Date.UTC(2017,8,05,11,10,30); //北京时间2017年8月5日11点10分30秒
    var t2 = Date.UTC(todayYear,todayMonth,todayDate,todayHour,todayMinute,todaySecond);
    var diff = t2-t1;
    var diffYears = Math.floor(diff/years);
    var diffDays = Math.floor((diff/days)-diffYears*365);
    var diffHours = Math.floor((diff-(diffYears*365+diffDays)*days)/hours);
    var diffMinutes = Math.floor((diff-(diffYears*365+diffDays)*days-diffHours*hours)/minutes);
    var diffSeconds = Math.floor((diff-(diffYears*365+diffDays)*days-diffHours*hours-diffMinutes*minutes)/seconds);
    document.getElementById("sitetime").innerHTML=" 小但已活蹦乱跳"+diffDays+" 天 "+diffHours+" 小时 "+diffMinutes+" 分钟 "+diffSeconds+" 秒";
}
siteTime();

注:在上面的代码中,小但去掉了显示“年”的输出,反正我用不到,如果你需要的话,请在上面的+diffDays+"小但已活蹦乱跳"后添加这一小段代码+diffYears+" 年 "即可。

上面就是小但扑通页脚使用的js正计时源码,应该看注释能看懂吧小伙伴们。实在看不懂的在下面留言咯,我看见了就会回复你么哒!
尼玛,我真的要吐血啦。

4条评论
  • 头像

    芭比

    2018年3月5日 上午1:08

    前几天看到这类代码,已经装进主题里了

  • 头像

    梁兴健

    2018年2月3日 下午6:52

    小旦,有空的话,把我二级域名去了吧,我不用二级了

    1. 小但

      小但

      2018年2月3日 下午7:17

      OK,收到(。>ㅿ<。),不过以后有关链接的评论还是麻烦去友链页面说吧,谢谢啦

  • 头像

    蒲二哥

    2018年1月31日 下午6:08

    太感谢(❁´ω`❁),我也找了好久好久,就差花钱找别人写了(≧∇≦)/

发表评论

电子邮件地址不会被公开。 必填项已用*标注