在html页面实时显示系统时间

桌面新建记事本，将下列代码复制粘贴，重命名后缀为.html，保存，用浏览器打开即可

<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title>系统时间</title>
</head>
<body>
<div id="datetime"><script>setInterval("document.getElementById('datetime').innerHTML=new Date().toLocaleString();", 1000);</script>
</div>
</body>

代码解析：

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，保存，用浏览器打开即可

<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>系统时间</title>
</head><body><script>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);</script><div id="dateTime"></div>
</body>

运行结果：

在html页面实时显示系统时间相关推荐

【响应式Web前端设计】在html页面实时显示系统时间
在html页面实时显示系统时间桌面新建记事本,将下列代码复制粘贴,重命名后缀为.html,保存,用浏览器打开即可 <html> <head><meta http-equ ...
html+显示在线时间,在html页面实时显示系统时间
原创散场前的温柔最后发布于2018-11-05 13:24:58 阅读数 16005 收藏展开在html页面实时显示系统时间桌面新建记事本,将下列代码复制粘贴,重命名后缀为.html,保存, ...
利用Handler通信来实时显示系统时间
关键技术: 本程序实现了在屏幕中实时显示系统的时间,其中用到了Handler.Timer.TimerTask.Message等关键技术. 思路分析: 我们都知道,在Android中程序不能在主线程中( ...
vc 实时显示系统时间
1.基本函数: CTime time; time=CTime::GetCurrentTime();//得到当前时间 2.在窗口创建的时候添加定时器在classview中右击主界面类,添加windo ...
页面实时显示当前时间
知识点涉及: 1.时间获取和格式设定 2.给标签设定操作事件 3.定时器设置 <!DOCTYPE html> <html lang="en"><hea ...
wpf 实时显示系统时间_微软为Windows 10 on ARM引入WPF支持
来源:快科技对于微软来说,苹果推出自研桌面处理器后,就让原本Wintel阵营开始变得有些松动,不过微软已经开始在补足他们在移动端上的不足了. 现在微软方面宣布,将会在2021年为Windows 10 ...
【MFC】显示系统时间的状态栏
00. 目录文章目录 00. 目录 01. 案例概述 02. 开发环境 03. 关键技术 04. 程序设计 05. 秘笈心法 06. 源码下载 07. 附录 01. 案例概述状态栏主要用于显示程序 ...
JavaScript实时显示日期时间
网页里实时显示当前时间 <html><head><title>显示系统日期时间</title><script language="Jav ...
以可读写可追加的方式显示系统时间
以可读可写可追加的方式显示系统时间,并且第二次执行记录下了第一次的行号,紧接着第一次的行号执行显示系统时间. #include <time.h> #include <stdio.h& ...

在html页面实时显示系统时间

在html页面实时显示系统时间相关推荐

最新文章

热门文章