给网站添加JavaScript动态运行时间

原创 黄良钵  2017-05-18 12:42  阅读 31 次 评论 0 条

根据 西狂部落阁 的文章提供的代码修改下样式,将代码放置在底部模板中或者你需要的地方(footer、sidebar 等等),我这里的模板是 index.php 中。修改好其中自定义的网站建成时间和相关文字,就可以直接运行了。当然你可以修改 sitetime 的 CSS ,让它更有效果。

注意代码中的 “” ‘’ 引号,复制后要确保是英文状态下的,否则会出错。

  1. <p>博客稳定运行<span style="color: orange;" id="sitetime"></span></p>  
  2.  <script language=javascript>  
  3.  function siteTime(){  
  4.  window.setTimeout("siteTime()", 1000);  
  5.  var seconds = 1000  
  6.  var minutes = seconds * 60  
  7.  var hours = minutes * 60  
  8.  var days = hours * 24  
  9.  var years = days * 365  
  10.  var today = new Date()  
  11.  var todayYear = today.getFullYear()  
  12.  var todayMonth = today.getMonth()  
  13.  var todayDate = today.getDate()  
  14.  var todayHour = today.getHours()  
  15.  var todayMinute = today.getMinutes()  
  16.  var todaySecond = today.getSeconds()  
  17.  /* 修改下面的t1数值为网站建成时间(年,月,日,时,分,秒)*/  
  18.  var t1 = Date.UTC(2013,11,9,0,0,0)  
  19.  var t2 = Date.UTC(todayYear,todayMonth,todayDate,todayHour,todayMinute,todaySecond)  
  20.  var diff = t2-t1  
  21.  var diffYears = Math.floor(diff/years)  
  22.  var diffDays = Math.floor((diff/days)-diffYears*365)  
  23.  var diffHours = Math.floor((diff-(diffYears*365+diffDays)*days)/hours)  
  24.  var diffMinutes = Math.floor((diff-(diffYears*365+diffDays)*days-diffHours*hours)/minutes)  
  25.  var diffSeconds = Math.floor((diff-(diffYears*365+diffDays)*days-diffHours*hours-diffMinutes*minutes)/seconds)  
  26.  document.getElementById('sitetime').innerHTML = diffYears +' 年 '+ diffDays + ' 天 ' + diffHours + ' 小时 ' + diffMinutes + ' 分钟 ' + diffSeconds + ' 秒'  
  27.  }  
  28.  siteTime()  
  29.  </script>  
本文地址:https://xn--nf1a578axkh.xn--fiqs8s/442.html
关注我们:请关注一下我们的微信公众号:扫描二维码黄良钵博客的公众号,公众号:HLB_Blog
版权声明:本文为原创文章,版权归 黄良钵 所有,欢迎分享本文,转载请保留出处!

发表评论


表情