网站动态运行天数代码

  • A+

许多网站都有一个特别装B的功能——在页面的底部动态显示着网站运行时间(具体可见XCC的博客底部)。今天xcc就贴出JS代码来,便于大家装B。

  1. <script>  
  2. function secondToDate(second) {  
  3. if (!second) {  
  4. return 0;  
  5. }  
  6. var time = new Array(0, 0, 0, 0, 0);  
  7. if (second >= 365 * 24 * 3600) {  
  8. time[0] = parseInt(second / (365 * 24 * 3600));  
  9. second %= 365 * 24 * 3600;  
  10. }  
  11. if (second >= 24 * 3600) {  
  12. time[1] = parseInt(second / (24 * 3600));  
  13. second %= 24 * 3600;  
  14. }  
  15. if (second >= 3600) {  
  16. time[2] = parseInt(second / 3600);  
  17. second %= 3600;  
  18. }  
  19. if (second >= 60) {  
  20. time[3] = parseInt(second / 60);  
  21. second %= 60;  
  22. }  
  23. if (second > 0) {  
  24. time[4] = second;  
  25. }  
  26. return time;  
  27. }  
  28. </script>  
  29. <script type="text/javascript" language="javascript">  
  30. function setTime() {  
  31. // 博客创建时间秒数,时间格式中,月比较特殊,是从0开始的,所以想要显示5月,得写4才行,如下  
  32. var create_time = Math.round(new Date(Date.UTC(2013, 4, 22, 0, 0, 0))  
  33. .getTime() / 1000);  
  34. // 当前时间秒数,增加时区的差异  
  35. var timestamp = Math.round((new Date().getTime() + 8 * 60 * 60 * 1000) / 1000);  
  36. currentTime = secondToDate((timestamp - create_time));  
  37. currentTimeHtml = currentTime[0] + '年' + currentTime[1] + '天'  
  38. + currentTime[2] + '时' + currentTime[3] + '分' + currentTime[4]  
  39. + '秒';  
  40. document.getElementById("htmer_time").innerHTML = currentTimeHtml;  
  41. }  
  42. setInterval(setTime, 1000);  
  43. </script>  
  44. 网站运行:<span id="htmer_time" style="color: red;"></span>  
xcc

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: