JavaScript实时显示当前日期与时间的方法

作者:小括号

时间:2026-10-28

浏览:213

本文介绍如何使用JavaScript的Date对象获取系统时间,并通过DOM操作将年月日、星期及时分秒动态显示在网页中。利用setTimeout实现每秒刷新,结合onload事件启动,即可在页面加载时实时展示当前时间。

文章目录

JavaScript实时显示当前日期与时间的方法

运行结果:


实时时间:2011年6月20日 星期一12:0:19


源代码如下:

 
<mce:script language="javascript"><!--
function getTimeNow() {
var time = new Date();
var hour = time.getHours();
var minute = time.getMinutes();
var second = time.getSeconds();
var week; var date;
if(time.getDay()==0) week="星期日";
if(time.getDay()==1) week="星期一";
if(time.getDay()==2) week="星期二";
if(time.getDay()==3) week="星期三";
if(time.getDay()==4) week="星期四";
if(time.getDay()==5) week="星期五";
if(time.getDay()==6) week="星期六";
date=(time.getYear())+"年"+(time.getMonth()+1)+"月"+time.getDate()+"日"+" ";
document.getElementById("nowTime").innerHTML ="当前时间:"+date+week+ hour+":"+minute+":"+second;
setTimeout("getTimeNow()",1000);
} 
// --></mce:script>

源代码如下:

 
<body onload="getTimeNow()"> 核心逻辑。
<div id="nowTime"></</div>

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章