1、HTML部分
<div id="div1">显示当前时间!</div>
2、css部分
#div1 {
width: 700px;
height: 50px;
border: 1px solid #000;
margin: 100px auto;
text-align: center;
font-size: 20px;
line-height: 50px;
}
3、JavaScript部分
function showTime(){
var d = new Date();
var year = d.getFullYear();
var month = d.getMonth() + 1;//0~11
var date = d.getDate(); var week = d.getDate();//0~6 0是周末 week = numOfChinese(week); var hour = doubleNum(d.getHours());
var min = doubleNum(d.getMinutes());
var sec = doubleNum(d.getSeconds()); var str = year + "年" + month + "月" + date + "日 星期" + week + " " + hour + ":" + min + ":" + sec;
return str;
} setInterval(function(){
var timer = document.getElementById("div1");
timer.innerHTML = showTime();
},1000);