2025年3月22日 星期六 甲辰(龙)年 月廿一 设为首页 加入收藏
rss
您当前的位置:首页 > 计算机 > 编程开发 > JavaScript

一段JS代码轻松给网站计时:本站已经运行XX天

时间:03-16来源:作者:点击数:35

本站已安全运行XX天XX小时XX分XX秒,css只是变颜色的可有可无,闲改代码麻烦的,js代码可以放到代码统计的地方或放到主题页脚文件foot.php中即可!

显示的效果如上图,而且会变色哦,如果不想要变色去掉CSS部分

  • 本站已安全运行:
  • <span id="momk"></span>
  • <script language=javascript>
  • function show_date_time(){
  • window.setTimeout("show_date_time()", 1000);
  • BirthDay=new Date("05-06-2016 12:12:24");//建站日期
  • today=new Date();
  • timeold=(today.getTime()-BirthDay.getTime());
  • sectimeold=timeold/1000
  • secondsold=Math.floor(sectimeold);
  • msPerDay=24*60*60*1000
  • e_daysold=timeold/msPerDay
  • daysold=Math.floor(e_daysold);
  • e_hrsold=(daysold-e_daysold)*-24;
  • hrsold=Math.floor(e_hrsold);
  • e_minsold=(hrsold-e_hrsold)*-60;
  • minsold=Math.floor((hrsold-e_hrsold)*-60);
  • seconds=Math.floor((minsold-e_minsold)*-60);
  • momk.innerHTML=daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒" ;
  • }
  • show_date_time();
  • </script>
  • <style>
  • #momk{animation:change 10s infinite;font-weight:800; }
  • @keyframes change{0%{color:#5cb85c;}25%{color:#556bd8;}50%{color:#e40707;}75%{color:#66e616;}100% {color:#67bd31;}}
  • </style>
方便获取更多学习、工作、生活信息请关注本站微信公众号城东书院 微信服务号城东书院 微信订阅号
推荐内容
相关内容
栏目更新
栏目热门