html页面执行时间代码,给网页装个已运行时间js代码

正文

本站成立差不多二十天了,时间不算太长,毕竟才是刚刚开始,于是我就想着写个在线计时器来给网站记录已运行的时间,废话少说直接就开始干,首先我想到了用js来定义时间,然后再用html输出,最麻烦的主要还是时间计算问题,下面发上代码

JS代码function secondToDate(second) {

if (!second) {

return 0;

}

var time = new Array(0, 0, 0, 0, 0);

if (second >= 365 * 24 * 3600) {

time[0] = parseInt(second / (365 * 24 * 3600));

second %= 365 * 24 * 3600;

}

if (second >= 24 * 3600) {

time[1] = parseInt(second / (24 * 3600));

second %= 24 * 3600;

}

if (second >= 3600) {

time[2] = parseInt(second / 3600);

second %= 3600;

}

if (second >= 60) {

time[3] = parseInt(second / 60);

second %= 60;

}

if (second > 0) {

time[4] = second;

}

return time;

}

function setTime() {

var create_time = Math.round(new Date(Date.UTC(2017, 04, 18, 2, 0, 0)).getTime() / 1000);

var timestamp = Math.round((new Date().getTime() + 8 * 60 * 60 * 1000) / 1000);

currentTime = secondToDate((timestamp - create_time));

currentTimeHtml = currentTime[0] + '年 ' + currentTime[1] + '天 ' + currentTime[2] + '时 ' + currentTime[3] + '分 ' + currentTime[4] + '秒 ';

document.getElementById("htmer_time").innerHTML = currentTimeHtml;

}

setInterval(setTime, 1000);

HTML代码

本站已稳定运行:

使用教程新建 time.js 文件,将js代码写入该文件

将 time.js 放到网站根目录(或者是能访问的目录,你自己记住就行)

在网站头部引用这个js文件

在需要显示运行时间的地方写上html代码

3026cd639eb059529cad47cce17e8733.png

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值