JavaScript实现实时显示当前时间的完整代码示例

HTML显示区域定义

HTML结构代码如下：

 
<div id="showTime"></div>

JavaScript实时时钟逻辑

JavaScript实现代码如下：时间显示格式设定为：2011-04-04 星期二 12:09:34

 
function startTime() {
try{
var today = new Date();
var year = today.getFullYear();
var month = checkNum(today.getMonth()+1);
var date = checkNum(today.getDate());
var day = today.getDay();
var hour = checkNum(today.getHours());
var minute = checkNum(today.getMinutes());
var second = checkNum(today.getSeconds());
switch(day) {
case 1:
day = "一";
break;
case 2:
day = "二";
break;
case 3:
day = "三";
break;
case 4:
day = "四";
break;
case 5:
day = "五";
break;
case 6:
day = "六";
break;
case 7:
day = "日";
break;
} 
var fullTime = year+"-"+month+"-"+date+" "+"星期"+day+" "+hour+":"+minute+":"+second;
document.getElementById("showTime").innerHTML = fullTime;
setInterval('startTime()', 1000);
}catch(e) {
alert(e.description);
} 
} 
function checkNum(num) {
if(num<10) {
num = "0"+num;
} 
return num;
}