网页实时显示已经运行了多少天 html+js

问题:

能够在网页上实时显示此网页运行或存在了多少天。

效果:

2

实现:

1.body标签添加下面代码:

<body onload="time()">

2.定义一个盒子显示天数,如:

<h2 id="showtime"></h2>

3.js代码:

<script>
/* 时间 */
function time() {
     
     
  t_div = document.getElementById('showtime');
  var now = new Date()
  setTimeout(time, 1000);
  var dangqian = now.getFullYear() + "-" + (now.getMonth() + 1) + "-" + now.getDate() ;
  t_div.innerHTML="已经勉强运行:"+ DateDiff("2020-08-28",dangqian) +" 天";
}
/* 计算运行天数的封装函数 */
function  DateDiff(sDate1,  sDate2){
     
         //sDate1和sDate2是2002-12-18格式  
  var  aDate,  oDate1,  oDate2,  iDays  
  aDate  =  sDate1.split("-")  
  oDate1  =  new  Date(aDate[1]  +  '-'  +  aDate[2]  +  '-'  +  aDate[0])    //转换为12-18-2002格式  
  aDate  =  sDate2.split("-")  
  oDate2  =  new  Date(aDate[1]  +  '-'  +  aDate[2]  +  '-'  +  aDate[0])  
  iDays  =  parseInt(Math.abs(oDate1  -  oDate2)  /  1000  /  60  /  60  /24)    //把相差的毫秒数转换为天数  
  return  iDays  
}
</script>

注意:在…DateDiff("2020-08-28…)…里写入自己创建这个网页的时间,如我写了2020-08-28建立,格式要写对,这样代码就可以用当前实时时间减去你自己创建网页的时间而得到运行或存在天数。

总结

哈哈哈~

猜你喜欢

转载自blog.csdn.net/luo1831251387/article/details/110847188
今日推荐