JavaScript实时显示当前日期与时间的方法
作者:小括号时间:2026-10-28 04:39:10浏览:214
本文介绍如何使用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>作者最新文章
JS语法错误会阻止加载吗?区分SyntaxError与资源加载失败
2026-11-05 16:08:46
JavaScript常见SyntaxError语法错误排查与修复方法
2026-11-05 13:58:44
JS中slice、substring和substr截取字符串的区别
2026-11-05 13:43:47
JS 转 TS 手动迁移最佳实践:从配置 tsconfig 到消除 any 类型
2026-11-05 11:53:32
为什么JS数组push后得到的是数字而不是数组?
2026-11-05 09:59:18
