นำ Script ข้างล่างนี้ไปวางไว้ในส่วน Tag <head>
Source Code </head>
<style type="text/css" media="all">
<!--
.Digit{
background-color:#000000;
color:#00FF00;
font: bold 12px MS Sans Serif;
padding: 10px;
}
-->
</style>
และนำส่วนข้างล่างนี้ไว้ใน Tag <body>
Source Code </body>
<span id="digitalclock" class="Digit"></span>
<script language="javascript" type="text/javascript">
<!--
var alternate=0
var standardbrowser=!document.all&&!document.getElementById
if (standardbrowser)
document.write('<div id="jscript_clock"></div>')
function show(){
if (!standardbrowser)
var clockobj=document.getElementById? document.getElementById("digitalclock") : document.all.digitalclock
var Digital=new Date()
var hours=Digital.getHours()
var minutes=Digital.getMinutes()
var dn="AM"
if (hours==12) dn="PM"
if (hours>12){
dn="PM"
hours=hours-12
}
if (hours==0) hours=12
if (hours.toString().length==1)
hours="0"+hours
if (minutes<=9)
minutes="0"+minutes
if (standardbrowser){
if (alternate==0)
document.getElementById('jscript_clock').innerHTML=hours+" : "+minutes+" "+dn
else
document.getElementById('jscript_clock').innerHTML=hours+" "+minutes+" "+dn
}
else{
if (alternate==0)
clockobj.innerHTML=hours+"<font color='lime'> : </font>"+minutes+" "+"<sup style='font-size:1px'>"+dn+"</sup>"
else
clockobj.innerHTML=hours+"<font color='black'> : </font>"+minutes+" "+"<sup style='font-size:1px'>"+dn+"</sup>"
}
alternate=(alternate==0)? 1 : 0
setTimeout("show()",1000)
}
window.onload=show
//-->
</script>
ลองทำดูนะครับ
วันที่สร้าง : 9 ธันวาคม 2549 เวลา 22:33
จำนวนคนอ่าน : 4,475