欢迎光临!
若无相欠,怎会相见

网站运行时间代码两例

0x01 继续更新

停更几天了,今天开始接上。建站那么多天了,看见有的博客下面有一个建站几百天,几千天的时间统计,甚是期待在自己的网站也贴上。于是,上网找度娘。一搜一大把,我就把我自己使用过的发布出来,都是本人认为能使用的,毕竟有些代码不能用。

0x02 使用方式

这种代码的使用方式很简单,只需要把代码添加到footer.php文件中即可,或者不用修改文件,只需要把代码复制,添加到主题设置了,具体主题,我就不说了,毕竟主题很多都是不同的。

0x03 

先来一个只统计天数、小时、分钟、秒数。这一个代码我用过了。使用方式很简单,就是上述使用方式。格式为:“本站安全运行 146 天 22 小时 5 分钟 8 秒”这是在本站的样式。

<span id="timeDate">载入天数...</span>
<span id="times">载入时分秒...</span>
      <script>
      var now = new Date(); 
      function createtime(){ 
          var grt= new Date("02/14/2017 00:00:00");//此处修改你的建站时间或者网站上线时间 
          now.setTime(now.getTime()+250);
          days = (now - grt ) / 1000 / 60 / 60 / 24; 
          dnum = Math.floor(days); 
          hours = (now - grt ) / 1000 / 60 / 60 - (24 * dnum); 
          hnum = Math.floor(hours); 
          if(String(hnum).length ==1 ){
              hnum = "0" + hnum;
          } 
          minutes = (now - grt ) / 1000 /60 - (24 * 60 * dnum) - (60 * hnum); 
          mnum = Math.floor(minutes); 
          if(String(mnum).length ==1 ){
                   mnum = "0" + mnum;
          } 
          seconds = (now - grt ) / 1000 - (24 * 60 * 60 * dnum) - (60 * 60 * hnum) - (60 * mnum); 
          snum = Math.round(seconds); 
          if(String(snum).length ==1 ){
                   snum = "0" + snum;
          } 
          document.getElementById("timeDate").innerHTML = "本站安全运行&nbsp"+dnum+"&nbsp天"; 
          document.getElementById("times").innerHTML = hnum + "&nbsp小时&nbsp" + mnum + "&nbsp分&nbsp" + snum + "&nbsp秒"; 
      } 
      setInterval("createtime()",250);
</script>

只需修改建站时间即可。

0x04

最近发现上面的时间统计有点偏移,有那么一点问题,如果待在一个网页时间太长,时间统计就会有很大偏移。于是就更换为下面这种代码。这种格式为:“本站安全运行 0 年 146 天 22 小时 16 分钟 21 秒 ”。

<span id="sitetime"></span>
<script language=javascript>
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()
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,1,14,00,00,00)  <!--注意:月份是0-11,所以需要把建站月份减一-->
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="本站安全运行 "+diffYears+" 年 "+diffDays+" 天 "+diffHours+" 小时 "+diffMinutes+" 分钟 "+diffSeconds+" 秒"
siteTime()
</script>

时间匆匆,先写到这里,如果有什么缺失,后续添加

版权声明:  本站原创文章,于 2017-07-10,由 Darker 发表。
转载请注明:原文地址:《网站运行时间代码两例 | 飘零博客》
本站所有文章如果没有特殊声明均为原创。本文作者 : Darker
复制或转载请以超链接形式注明:飘零博客    
原文地址:《网站运行时间代码两例 | 飘零博客》
分享到: 更多 (0)

评论 3

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #1

    还不错,多谢

    Snake1年前 (2017-09-15)回复
//

欢迎光临