本文提供了一段完整的JavaScript代码,用于在网页中实时显示当前日期和时间。通过HTML定义显示区域,利用Date对象获取时间数据,结合setInterval实现每秒更新,并处理了月份、日期和小时的补零逻辑以及星期的中文转换,最终动态写入页面元素。
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;
}