博客
关于我
网页实时显示已经运行了多少天 html+js
阅读量:343 次
发布时间:2019-03-04

本文共 1010 字,大约阅读时间需要 3 分钟。

问题:

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

效果:

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建立,格式要写对,这样代码就可以用当前实时时间减去你自己创建网页的时间而得到运行或存在天数。

总结

哈哈哈~

转载地址:http://fpir.baihongyu.com/

你可能感兴趣的文章
Java获取线程基本信息的方法
查看>>
Java集合Collection
查看>>
SpringBoot快速入门
查看>>
医疗管理系统-手机快速登录和SpringSecurity权限控制
查看>>
网页实现微信登录
查看>>
vue源码分析(MVVM篇)
查看>>
React(八)- ReactUI组件库及Redux的使用
查看>>
TypeScript系列(一)- TypeScript简介与编译配置
查看>>
TypeScript系列文章导航
查看>>
hibernate和mybatis的区别
查看>>
Java中Map的用法详解
查看>>
base64编码字符串和图片的互转
查看>>
汉字转为拼音
查看>>
Target runtime Apache Tomcat v7.0 is not defined.错误解决方法
查看>>
linux 下安装kolla报错 提示Cannot uninstall requests
查看>>
Linux RPM和yum命令的使用技巧
查看>>
Python 使jupyter notebook 从指定浏览器启动 以及编程中途更换浏览器
查看>>
C++ throw、try、catch、noexcept
查看>>
C指针之函数指针与typedef
查看>>
CentOS8 字体大小调整
查看>>