실시간으로 시간을 보여줍니다. 데모를 눌러 확인하세요



Script Example
<script language="JavaScript">
<!--
function show5(){
if (!document.layers&&!document.all&&!document.getElementById)
return
var Digital=new Date()
var hours=Digital.getHours()
var minutes=Digital.getMinutes()
var seconds=Digital.getSeconds()
var dn="PM"
if (hours<12)
dn="AM"
if (hours>12)
hours=hours-12
if (hours==0)
hours=12
if (minutes<=9)
minutes="0"+minutes
if (seconds<=9)
seconds="0"+seconds
myclock="<font size='5' face='Arial' ><b>"+hours+":"+minutes+":"+seconds+" "+dn+"</b></font>"
if (document.layers){
document.layers.liveclock.document.write(myclock)
document.layers.liveclock.document.close()
}
else if (document.all)
liveclock.innerHTML=myclock
else if (document.getElementById)
document.getElementById("liveclock").innerHTML=myclock
setTimeout("show5()",1000)
}
window.onload=show5
//-->
</script>
<span id="liveclock" style="position:absolute;left:0;top:0;">
</span>


body 태그 안 아무곳에서 삽입하시면 됩니다.

글크기,글색 변경 : 빨간색부분
위치 : 파란색 부분에서 left 값과 top 값을 적절하게 조정해보세요.