网站时间日期代码html,显示网站运行时间及当前时间的代码
今天逛网站,偶然发现张伟博客网站底部会显示本站稳定运行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,显示网站运行时间及当前时间的代码相关推荐
- 列表页时间日期标签靠显示html,帝国CMS列表页面list.var分别调用年月日,显示个性时间日期...
在帝国CMS中列表页个性时间显示的实现方式,首先我们要知道用什么方法来实现,这里我们使用PHP代码来做. 要在模板代码中使用PHP代码,就必须勾选此模板代码页面的-使用程序代码.位置就在添加模板页面的 ...
- openwrt 显示系统运行时间和空闲时间
http://blog.csdn.net/jk110333/article/details/18443453 在Linux中,我们常常会使用到uptime命令去看看系统的运行时间,它与一个文件有关,就 ...
- 页面时间日期星期实时显示
//定时器每秒调用一次fnDate() setInterval(function(){ fnDate(); },1000); //js 获取当前时间 function fnDate(){ var oD ...
- php网页加查询框,Twentytwelve头部添加搜索框及网站名称与描述同行显示的简单方法 | 科研动力...
Twenty Twelve 主题的头部默认没有搜索框,不像它的前辈和后生.这点我就不明白了,Twentyeleven和最新的Twentythirteen都有搜索框,为何Twentytwelve就没有呢 ...
- 小米手机不亮屏显示时间日期?方法其实很简单,升级MIUI11有惊喜
如今不少人在查看自己手机上的时间时,都不用拿起后按电源键亮屏看时间,之后再按电源键息屏,而是使用了"息屏显示"功能,让手机在息屏状态下也能看到时间日期. 其实这个功能还是非常方便的 ...
- linux中的> 输出重定向和 >> 追加、时间日期类、date 显示当前时间
1.2.16 > 输出重定向和 >> 追加 (1)ls -l > 文件 (功能描述:列表的内容写入文件 bigbig.txt 中(覆盖写)) (2)ls -l >> ...
- 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常用服务器 国内 ...
- 网站SEO怎么让网站收录翻倍,提升网站收录率
网站需要的文章页面数量,往往不是数以万计,而是百万级别的,如何短期内让网站收录翻倍或者翻数倍?第一种方法是增加内容,第二种方法 是提升网站在搜索引擎里的"收录率". 一.增加内容 ...
- GMT 时间日期格式
2019独角兽企业重金招聘Python工程师标准>>> GMT & 时间日期格式 GMT:格林尼标准时间 北京时间=GMT时间+8小时 格林尼治平均时(GMT, Greenw ...
- elementUI时间日期组件设置的默认时间在ie中无法重置
在使用elementUI的时间日期组件时往往会设置一个默认时间,此时如果同时设置了placeholder属性,在第一次进入页面时直接重置,调用elementUI的重置表单方法resetField,在I ...
最新文章
- mysql实现心跳表_第29问:MySQL 的复制心跳说它不想跳了
- linux debian 自动安装,debian系统精简安装
- WinCE内核裁减(中文字体)及字库和内核的分离(转)
- Java学习教程整理
- php boolean 全大写还是全小写,【PHP培训】PHP为什么大小写规则是如此不规则?
- vue 后端返回文件流下载文件
- 计算机视觉 | Python OpenCV 3 使用背景减除进行目标检测
- C# 中构造函数与析构函数(二)
- Java数组学习笔记(遍历、排序、多维数组、命令行参数)
- html阶梯统计,html,_有什么图表可以显示阶梯费率,html - phpStudy
- Linux设备驱动之字符设备(三)
- ZStack实践汇 | ZStack部署实战之VDI异构部署
- 接近开关NPN和PNP区别
- Unity获取摄像机的视口区域(透视相机模式)
- UninstallToo卸载软件
- 浏览器内核和Standards模式与Quirks模式
- Matplotlib的一些常规操作
- python bool类型_python bool数据类型
- dbeaver针对某张表写sql(复制软件sql模板)
- 关于快排算法的基本实现
热门文章
- QT学习之路十二(基于Windows qt的聊天室)
- Python3安装tkinter
- 阿里聚合直播盒子APP源码™ AlijuheCMS Build Demo 20190206
- Python网络爬虫:批量下载喜马拉雅音频
- 在AD09中怎样同时高亮两个网络(即net)?按住Ctrl,鼠标点一个网络,按住Ctrl+Shift,鼠标再点另一个网络,想亮多少亮多少。
- 信号完整性Sigrity2018各组件功能介绍
- java nio 思维导图
- MATS-2010H硬磁测量装置产品详细介绍
- 《深入理解JAVA虚拟机》周志明 第三版 - 第三章 垃圾收集器与内存分配策略
- C# WPF 定时器