本文介绍如何使用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>