html+显示在线时间,在html页面实时显示系统时间
原创散场前的温柔 最后发布于2018-11-05 13:24:58 阅读数 16005 收藏
展开
在html页面实时显示系统时间
桌面新建记事本,将下列代码复制粘贴,重命名后缀为.html,保存,用浏览器打开即可
系统时间
setInterval("document.getElementById('datetime').innerHTML=new Date().toLocaleString();", 1000);
代码解析:
new Date()是取现在系统时间的实例,其格式为:
显示的结果是:Mar 31 10:10:43 UTC+0800 2018 这种格式的时间
但是当这种对象参加计算后就会自动改变格式为:年月日 时分秒
toLocaleString()便是将该对象在本地打印,自动转换了格式为:
2018/11/5 下午1:18:17 或 2018年11月5日 13:19:14 (取决于不同的浏览器)
这个方法是循环方法,后面的1000是毫秒数,每单位毫秒数执行一次前面的xxx
setInterval("xxx",1000);
这句话的操作就是,每1000毫秒(即1秒),取当前时间打印更新在页面该标签里,实现系统时间实时显示
=======================我是一条温柔的分割线=======================
有网友提出格式化成"yyyy-MM-dd hh:mm:ss"的问题,我在这里更新一下:
桌面新建记事本,将下列代码复制粘贴,重命名后缀为.html,保存,用浏览器打开即可
系统时间
Date.prototype.format = function (fmt) {
var o = {
"y+": this.getFullYear, //年
"M+": this.getMonth() + 1, //月份
"d+": this.getDate(), //日
"h+": this.getHours(), //小时
"m+": this.getMinutes(), //分
"s+": this.getSeconds() //秒
};
if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
for (var k in o)
if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
return fmt;
}
setInterval("document.getElementById('dateTime').innerHTML = (new Date()).format('yyyy-MM-dd hh:mm:ss');", 1000);
运行结果:
————————————————
版权声明:本文为CSDN博主「散场前的温柔」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/qq_35394434/article/details/83747008
html+显示在线时间,在html页面实时显示系统时间相关推荐
- html中如何写系统时间,在HTML页面获取当前系统时间
function getCurDate() { var d = new Date(); var week; switch (d.getDay()){ case 1: week="星期一&qu ...
- 【响应式Web前端设计】在html页面实时显示系统时间
在html页面实时显示系统时间 桌面新建记事本,将下列代码复制粘贴,重命名后缀为.html,保存,用浏览器打开即可 <html> <head><meta http-equ ...
- 在html页面实时显示系统时间
在html页面实时显示系统时间 桌面新建记事本,将下列代码复制粘贴,重命名后缀为.html,保存,用浏览器打开即可 <html> <head><meta http-equ ...
- 怎么在html显示已登录状态,jQuery Ajax 实现在html页面实时显示用户登录状态
当网站是全静态的html页面时,而又希望网站会员在登录之后并在所有页面头部显示登录状态,如用户名等,如果未登录就是未登录状态,下面给大家来分享实现的方法. 一.在html静态页面中加入div,并指定I ...
- iphone当前系统时间与服务器不一致,mac双系统时间不对怎么办 mac双系统时间不一致解决办法...
mac双系统时间不对原因: Windows和MacOSX缺省看待PC的CMOS记录的时钟是不一样的. Windows将这个时钟作为本地时间来看待,也就是CMOS时间就是北京时间. MacOSX将这个时 ...
- 苹果当前系统时间与服务器不一致,mac双系统时间不对怎么办 mac双系统时间不一致解决办法...
mac双系统时间不对原因: Windows和MacOSX缺省看待PC的CMOS记录的时钟是不一样的. Windows将这个时钟作为本地时间来看待,也就是CMOS时间就是北京时间. MacOSX将这个时 ...
- linux中永久设置时间的命令,Linux永久修改系统时间
1,修改Linux时间:date -s 时间 这种方式只是临时修改系统时间,当系统重新启动的时候就会还原. 2,hwclock --set --date '2017-08-16 17:17:00' 这 ...
- js实现在页面实时显示时间,一个按钮控制时间暂停和开始
js实现在html实时显示时间,一个按钮控制时间暂停和开始.代码如下: <head><meta charset="UTF-8"><title>& ...
- html页面获取时间格式,js实现动态获取系统时间,显示到页面上
获取系统时间 //获取系统时间. var dateTime=new Date(); var hh=dateTime.getHours(); var mm=dateTime.getMinutes(); ...
最新文章
- 7、Linux中文件类型、文件属性
- Android蓝牙串口通讯【转】
- i.mx6ul 移植Openwrt
- Netweaver和CloudFoundry里的trace开关
- vue-cli搭建的项目打包之后报“资源路径错误资源文件找不到“
- mysql历史日志文件_MySQL 历史 binlog 日志处理
- python开两个守护线程_python 守护线程
- 最小生成树计数(HYSBZ-1016)(简化版实现)
- linux命令passwd各个参数含义
- 【kafka】kafka BindException: Address already in use 一个失误或者愚蠢的问题
- 每天干攻防,都不会写驱动了
- IDEA的Database表的基本操作
- GD32F103与STM32F103的区别 2021.6.2
- 炒白菜怎么做(保姆级教程 爸妈吃了都说好)
- 几何光学学习笔记(12)- 3.9几种典型系统的理想光学系统性质 3.10 矩阵运算在几何光学中的应用
- Python Numpy .npy文件打开
- 如何将VScode作成便携版,且设置环境与本地电脑相同(包含VScode扩展)
- Elasticsearch集群类型和选举策略
- java 字符串转对象_【Java】把一个对象转化为String字符串
- jQuery选择器:nth-child(even) 与:even的区别
热门文章
- 整体方案设计开发——手持按摩筋膜枪方案
- 学 C++ 还是学 Java?做软件研发还需掌握哪些知识和技能?
- 校企联合学院分析ERP在物流行业中的应用
- ISO20000认证的意义是什么?
- STM32CubeMX里面没有 CLion的SW4STM32选项(CLion修改单片机型号)
- 挂耳耳机十大品牌排行榜,最好用的五款挂耳骨传导耳机
- 不只是好玩,各类顶级声优齐聚,满足你的视听盛宴!
- mysql中jxgl什么意思_使用Management Studio按下表信息在JXGL数据库中创建名为CJ的成绩表。...
- 光伏直流微网储能系统 pv电池模型建立;mppt最大功率点跟踪;控制策略;以及蓄电池储能;另外附模型参考文献
- 处理ceph osd incomplete