样式代码………………
<style>
<!--
.styling{
background-color:black;
color:lime;
font: bold 15px MS Sans Serif;
padding: 3px;
}
-->
</style>
html代码………………
<span id="digitalclock" class="styling"></span><script>
var ms=0;
var Digital=new Date(2011,4,7,5,25,50);
var rq=Digital.getDate();
var hours=Digital.getHours();
var minutes=Digital.getMinutes();
var seconds=Digital.getSeconds();
function show(){
var h;
var m;
var s;
var dn="AM";
ms=ms+1;
if(seconds+ms>=60){
s=(seconds+ms)%60;
m=minutes+Math.floor((seconds+ms)/60);
h=hours+Math.floor((seconds+ms)/3600);
}
else{
s=seconds+ms;
m=minutes;
h=hours;
}
if(h==12){
dn="PM";
}
if(h>12){
dn="PM";
h=h-12;
}
if(h==0) {
h=12;
}
if(h.toString().length==1){
h="0"+h;
}
if (m<=9){
m="0"+m;
}
if (s<=9){
s="0"+s;
}
document.getElementById("digitalclock").innerHTML=rq+" "+h+":"+m+":"+s+" "+dn;
setTimeout("show()",1000)
}
window.οnlοad=show
</script>