今天逛网站,偶然发现张伟博客网站底部会显示本站稳定运行XX年XX天XX时XX秒,并且秒数在动态变化,个人还是比较喜欢这东西的,所以测试了下代码,并应用于本站。分享给大家,有需要的朋友直接修改下日期然后Copy过去使用即可。

如果需要显示运行时间:XX年XX天XX时XX秒,秒数还是动态的,请选用下面的代码(具体效果参加本站底部):

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, 08, 09, 10, 11, 12)).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);

上面代码中“2017,08,09,10,11,12”是指的建站时间,分别对应年、月、日、时、分、秒,根据自己实际修改即可。

把上面代码复制到网页文件中,然后在你想显示的地方添加如下代码即可(请注意修改颜色配置):

如果只需要显示运行天数:XX天,这个比较简单,请选用下面的代码:本站已安全运行天

显示当前时间的代码如下(具体效果请参见本站左上角):

divText = document.getElementById("clock");

showTime();

timer = setInterval(showTime,1000);function showTime(){

var today = new Date();

var date = today.getDate();

var day = today.getDay();

var month = today.getMonth()+1;

var year = today.getFullYear();

var hour= addZero(today.getHours());

var min = addZero(today.getMinutes());

var sec = addZero(today.getSeconds());

var week="";

if (true) {};

if (day==0) week='星期日';

if (day==1) week='星期一';

if (day==2) week='星期二';

if (day==3) week='星期三';

if (day==4) week='星期四';

if (day==5) week='星期五';

if (day==6) week='星期六';

divText.innerHTML = "当前时间:"+year+"年"+month+"月"+date+"日 "+ week +" "+"("+hour + ":"+ min + ":"+sec +")";}function addZero(num){

if (num <= 9) {

return "0"+num;

}else {

return num;

}}

把上面代码复制到网页文件中,然后在你想显示的地方添加如下代码即可(请注意修改颜色配置):

网站时间日期代码html,显示网站运行时间及当前时间的代码相关推荐

  1. 列表页时间日期标签靠显示html,帝国CMS列表页面list.var分别调用年月日,显示个性时间日期...

    在帝国CMS中列表页个性时间显示的实现方式,首先我们要知道用什么方法来实现,这里我们使用PHP代码来做. 要在模板代码中使用PHP代码,就必须勾选此模板代码页面的-使用程序代码.位置就在添加模板页面的 ...

  2. openwrt 显示系统运行时间和空闲时间

    http://blog.csdn.net/jk110333/article/details/18443453 在Linux中,我们常常会使用到uptime命令去看看系统的运行时间,它与一个文件有关,就 ...

  3. 页面时间日期星期实时显示

    //定时器每秒调用一次fnDate() setInterval(function(){ fnDate(); },1000); //js 获取当前时间 function fnDate(){ var oD ...

  4. php网页加查询框,Twentytwelve头部添加搜索框及网站名称与描述同行显示的简单方法 | 科研动力...

    Twenty Twelve 主题的头部默认没有搜索框,不像它的前辈和后生.这点我就不明白了,Twentyeleven和最新的Twentythirteen都有搜索框,为何Twentytwelve就没有呢 ...

  5. 小米手机不亮屏显示时间日期?方法其实很简单,升级MIUI11有惊喜

    如今不少人在查看自己手机上的时间时,都不用拿起后按电源键亮屏看时间,之后再按电源键息屏,而是使用了"息屏显示"功能,让手机在息屏状态下也能看到时间日期. 其实这个功能还是非常方便的 ...

  6. linux中的> 输出重定向和 >> 追加、时间日期类、date 显示当前时间

    1.2.16 > 输出重定向和 >> 追加 (1)ls -l > 文件 (功能描述:列表的内容写入文件 bigbig.txt 中(覆盖写)) (2)ls -l >> ...

  7. Linux常用命令(中)、时间日期类、date 显示当前时间、ntpdate命令、cal 查看日历、useradd 添加新用户、passwd 设置用户密码、id 查看用户是否存在

    文章目录 1.3 时间日期类 1.3.1 date 显示当前时间 1.3.2 date 显示非当前时间 1.3.3 date 设置系统时间 1.3.4ntpdate命令 ntpdate常用服务器 国内 ...

  8. 网站SEO怎么让网站收录翻倍,提升网站收录率

    网站需要的文章页面数量,往往不是数以万计,而是百万级别的,如何短期内让网站收录翻倍或者翻数倍?第一种方法是增加内容,第二种方法 是提升网站在搜索引擎里的"收录率". 一.增加内容 ...

  9. GMT 时间日期格式

    2019独角兽企业重金招聘Python工程师标准>>> GMT & 时间日期格式 GMT:格林尼标准时间 北京时间=GMT时间+8小时 格林尼治平均时(GMT, Greenw ...

  10. elementUI时间日期组件设置的默认时间在ie中无法重置

    在使用elementUI的时间日期组件时往往会设置一个默认时间,此时如果同时设置了placeholder属性,在第一次进入页面时直接重置,调用elementUI的重置表单方法resetField,在I ...

最新文章

  1. mysql实现心跳表_第29问:MySQL 的复制心跳说它不想跳了
  2. linux debian 自动安装,debian系统精简安装
  3. WinCE内核裁减(中文字体)及字库和内核的分离(转)
  4. Java学习教程整理
  5. php boolean 全大写还是全小写,【PHP培训】PHP为什么大小写规则是如此不规则?
  6. vue 后端返回文件流下载文件
  7. 计算机视觉 | Python OpenCV 3 使用背景减除进行目标检测
  8. C# 中构造函数与析构函数(二)
  9. Java数组学习笔记(遍历、排序、多维数组、命令行参数)
  10. html阶梯统计,html,_有什么图表可以显示阶梯费率,html - phpStudy
  11. Linux设备驱动之字符设备(三)
  12. ZStack实践汇 | ZStack部署实战之VDI异构部署
  13. 接近开关NPN和PNP区别
  14. Unity获取摄像机的视口区域(透视相机模式)
  15. UninstallToo卸载软件
  16. 浏览器内核和Standards模式与Quirks模式
  17. Matplotlib的一些常规操作
  18. python bool类型_python bool数据类型
  19. dbeaver针对某张表写sql(复制软件sql模板)
  20. 关于快排算法的基本实现

热门文章

  1. QT学习之路十二(基于Windows qt的聊天室)
  2. Python3安装tkinter
  3. 阿里聚合直播盒子APP源码™ AlijuheCMS Build Demo 20190206
  4. Python网络爬虫:批量下载喜马拉雅音频
  5. 在AD09中怎样同时高亮两个网络(即net)?按住Ctrl,鼠标点一个网络,按住Ctrl+Shift,鼠标再点另一个网络,想亮多少亮多少。
  6. 信号完整性Sigrity2018各组件功能介绍
  7. java nio 思维导图
  8. MATS-2010H硬磁测量装置产品详细介绍
  9. 《深入理解JAVA虚拟机》周志明 第三版 - 第三章 垃圾收集器与内存分配策略
  10. C# WPF 定时器