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

举报
北极光之夜。 发表于 2021/04/24 00:43:06 2021/04/24
【摘要】 问题: 能够在网页上实时显示此网页运行或存在了多少天。 效果: 实现: 1.body标签添加下面代码: <body onload="time()"> 1 2.定义一个盒子显示天数,如: <h2 id="showtime"></h2> 1 3.js代码: <script> /* 时间 */ function time() { t_div = do...

问题:

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

效果:

2

实现:

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

<body onload="time()">

  
 
  • 1

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

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

  
 
  • 1

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>

  
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20

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

总结

哈哈哈~

文章来源: blog.csdn.net,作者:北极光之夜。,版权归原作者所有,如需转载,请联系作者。

原文链接:blog.csdn.net/luo1831251387/article/details/110847188

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。