百变鹏仔-专注前端行业精选
给网站添加统计网站运营时间效果代码
作者:鹏仔先生日期:2020-06-03 10:55:09浏览:2336分类:JavaScript
今天看到很多博客,有一个统计网站运营时间,突然也想给网站添加那么一个,于是网上也整理了一个,稍作修改。
目前样式没有去写,改天有空我会再次更新本文。
HTML代码,我们将它放置网站需要显示统计时间的地方
<span id="share_time" style="color: red; font-weight: bold;"></span>
JS代码,我们将它放置网站公共js文件,或者放置到只要能让上方html引用到的地方
<script> //页面加载完执行下方函数 share_data_time(); function share_data_time() { //每秒执行一次 window.setTimeout("share_data_time()", 1000); //网站建立时间 BirthDay = new Date("5/11/2018 00:00:00"); //获取当前时间 today = new Date(); //总豪秒数 timeold = (today.getTime() - BirthDay.getTime()); //总秒数 secondsold = Math.floor(timeold / 1000); e_daysold = timeold / (24 * 60 * 60 * 1000); //相差天数 daysold = Math.floor(e_daysold); e_hrsold = (e_daysold - daysold) * 24; //相差小时数 hrsold = Math.floor(e_hrsold); e_minsold = (e_hrsold - hrsold) * 60; //相差分钟数 minsold= Math.floor(e_minsold); //相差秒数 seconds = Math.floor((e_minsold - minsold) * 60); //将所获取的时间拼接到一起,再把值显示到页面 share_time.innerHTML = "已共享:" + daysold + "天" + hrsold + "小时" + minsold + "分" + seconds + "秒"; } </script>
自行将代码添加到网站指定位置即可
需要技术支持可以联系本站长呦!
手机扫码访问
猜你还喜欢
- 04-19 VUE实现点击复制
- 04-16 vue将页面生成图片 vue生成海报
- 04-16 vue路由切换滑动效果 vue页面跳转交互 vue实现动画跳转
- 04-16 table固定表头和列 css实现表格固定表头
- 04-07 vue跳转页面清除历史记录,页面跳转删除历史记录
- 02-22 VUE You are using the runtime-only build of Vue where the template compiler is not available. Either
- 01-19 elementui多选上传 before-upload 格式效验错误总会触发before-remove (elementui多选上传on-success只执行了一次,只上传成功了一条)
- 10-08 vue按钮限制连点封装 自定义指令限制连点
- 09-14 nvm常用命令有哪些?nvm如何切换node版本?nvm如何下载node?
- 08-19 使用HBuilderX将vue或H5项目打包app
- 07-15 小程序嵌入网页向小程序跳转并传参,微信小程序中实现公众号授权获取openId
- 07-13 vue中实现文件批量打包压缩下载(以及下载跨域问题分析)
取消回复欢迎 你 发表评论:
- 搜索
-
- 最新文章
- 随机文章
- 随机tag
暂无评论,来添加一个吧。