给自己博客添加网站已安全运行X天X小时X分X秒

2019-06-2809:33:18 发表评论 113 views
阿里云首台5折

截止至现在本站已安全运行129天,css只是变颜色的可有可无,js自己找地方丢或一起放主题页脚文件即可,不懂留言,水一下。◕‿◕。

给自己博客添加网站已安全运行X天X小时X分X秒

代码1:

  1. 本站已安全运行:
  2. <span id="momk"></span>
  3. <script language=javascript>
  4. function show_date_time(){
  5. window.setTimeout("show_date_time()", 1000);
  6. BirthDay=new Date("05-06-2016 12:12:24");//建站日期
  7. today=new Date();
  8. timeold=(today.getTime()-BirthDay.getTime());
  9. sectimeold=timeold/1000
  10. secondsold=Math.floor(sectimeold);
  11. msPerDay=24*60*60*1000
  12. e_daysold=timeold/msPerDay
  13. daysold=Math.floor(e_daysold);
  14. e_hrsold=(daysold-e_daysold)*-24;
  15. hrsold=Math.floor(e_hrsold);
  16. e_minsold=(hrsold-e_hrsold)*-60;
  17. minsold=Math.floor((hrsold-e_hrsold)*-60);
  18. seconds=Math.floor((minsold-e_minsold)*-60);
  19. momk.innerHTML=daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒" ;
  20. }
  21. show_date_time();
  22. </script>
  23. <style>
  24. #momk{animation:change 10s infinite;font-weight:800; }
  25. @keyframes change{0%{color:#5cb85c;}25%{color:#556bd8;}50%{color:#e40707;}75%{color:#66e616;}100% {color:#67bd31;}}
  26. </style>

代码2:

  1. <span id="momk"></span><span id="momk" style="color: #ff0000;"></span>
  2. <script type="text/javascript">
  3. function NewDate(str) {
  4. str = str.split('-');
  5. var date = new Date();
  6. date.setUTCFullYear(str[0], str[1] - 1, str[2]);
  7. date.setUTCHours(0000);
  8. return date;
  9. }
  10. function momxc() {
  11. var birthDay =NewDate("2016-5-6");
  12. var today=new Date();
  13. var timeold=today.getTime()-birthDay.getTime();
  14. var sectimeold=timeold/1000
  15. var secondsold=Math.floor(sectimeold);
  16. var msPerDay=24*60*60*1000; var e_daysold=timeold/msPerDay;
  17. var daysold=Math.floor(e_daysold);
  18. var e_hrsold=(daysold-e_daysold)*-24;
  19. var hrsold=Math.floor(e_hrsold);
  20. var e_minsold=(hrsold-e_hrsold)*-60;
  21. var minsold=Math.floor((hrsold-e_hrsold)*-60); var seconds=Math.floor((minsold-e_minsold)*-60).toString();
  22. document.getElementById("momk").innerHTML = "本站已安全运行"+daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒";
  23. setTimeout(momxc, 1000);
  24. }momxc();
  25. </script>  <style>
  26. #momk{animation:change 10s infinite;font-weight:800; }
  27. @keyframes change{0%{color:#5cb85c;}25%{color:#556bd8;}50%{color:#e40707;}75%{color:#66e616;}100% {color:#67bd31;}}
  28. </style>
          代码放在主题文件下【footer.php】里
文章来源:诗梦博客
  • NAS技术交流
  • 扫一扫入裙
  • weinxin
  • 软路由技术讨论
  • 扫一扫入裙
  • weinxin
阿里云首台5折
吊儿啷当

发表评论

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