如何给自己的网站添加网站运行时间代码

最新推荐文章于 2024-07-23 04:02:25 发布

Bsutss

最新推荐文章于 2024-07-23 04:02:25 发布

阅读量410

点赞数 3

文章标签：前端 html

本文链接：https://blog.csdn.net/Bstuss/article/details/136154774

版权

本文介绍了如何在网站上添加实时显示网站运行时间的代码片段，通过JavaScript实现动态更新，包括两个不同的代码示例，适合开发者参考。

摘要由CSDN通过智能技术生成

通常在我们建设网站的时候，时间一长就不清楚具体建设开始时间了，那么如何快捷添加网站运行时间代码呢？

下面分享使用方法，直接复制代码到相应位置，根据需要做合适调整即可

网站运行时间代码输出的时间，其秒数是动态变化的

本网站己运行: 36天06时06分06秒

①:

<span id="span"></span>
<script type="text/javascript">
    function runtime(){
        // 初始时间，日/月/年 时:分:秒
        X = new Date("01/01/2024 00:00:00");
        Y = new Date();
        T = (Y.getTime()-X.getTime());
        M = 24*60*60*1000;
        a = T/M;
        A = Math.floor(a);
        b = (a-A)*24;
        B = Math.floor(b);
        c = (b-B)*60;
        C = Math.floor((b-B)*60);
        D = Math.floor((c-C)*60);
        //信息写入到DIV中
        span.innerHTML = "本网站己运行: "+A+"天"+B+"小时"+C+"分"+D+"秒"
    }
    setInterval(runtime, 1000);
</script>

②:

<span id="timeDate"></span><span id="times"></span> 
<script language="javascript"> 
 var now = new Date();
 function createtime(){
  var grt= new Date("01/01/2024 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 = "本网站己运行"+dnum+"天";
  document.getElementById("times").innerHTML = hnum + "小时" + mnum + "分" + snum + "秒";
 }
 setInterval("createtime()",250); 
</script>

免费分享谢谢支持

更多关注: 残月影视微信公众号