首先写好页面样式
<div class="time">
<span class="one" id="times_one">00:00:00</span>
<span class="two" id="times_two">00-00-00</span>
<span class="three" id="times_three">星期</span>
</div>
其次js代码部分
function checkTime(i)
{
if(i<10)
{
i="0"+i
}
return i
}
function startime() {
var today = new Date();
var y = today.getFullYear();
var m = today.getMonth() + 1;
var d = today.getDate();
var h = today.getHours();
var i = today.getMinutes();
var s = today.getSeconds();
var week = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六")[today.getDay()];
h=checkTime(h);
i=checkTime(i);
s=checkTime(s);
m=checkTime(m);
d=checkTime(d);
document.getElementById('times_one').innerHTML=h+":"+i+":"+s;
document.getElementById('times_two').innerHTML=y+"-"+m+"-"+d;
document.getElementById('times_three').innerHTML=week;
}
setInterval("startime()",1000);