<script language="JavaScript">
<!--
function Time(){
if (!document.layers&&!document.all)
return
var Timer=new Date()
var hours=Timer.getHours()
var minutes=Timer.getMinutes()
var seconds=Timer.getSeconds()
var noon="AM"
if (hours>12){
noon="PM"
hours=hours-12
}
if (hours==0)
hours=12
if (minutes<=9)
minutes="0"+minutes
if (seconds<=9)
seconds="0"+seconds
//change font size here to your desire
myclock="<font size='4' face='Arial' color=blue>"+hours+":"+minutes+":"
+seconds+" "+noon+"</b></font>"
if (document.layers){
document.layers.position.document.write(myclock)
document.layers.position.document.close()
}
else if (document.all)
position.innerHTML=myclock
setTimeout("Time()",1000)
}
//-->
</script>
<span id="position" style="position:absolute;left:441px;top:190px; width: 128px; height: 30px">
</span>
詳細解釋:
function Time() 定義一個函數。
{ if (!document.layers&&!document.all)
return 由于IE與Netscape對JavaScript的解釋不同，造成瀏覽的效果不同，所以要分別寫代碼。這句話判斷一下用戶所使用的瀏覽器，如果兩者都不是，就返回。
var timer=new Date() 定義一個新的變量，名字為timer,為一個新的Date的對象。
var hours=Timer.getHours()
var minutes=Timer.getMinutes()
var seconds=Timer.getSeconds() 分別定義3個變量，獲得當前“小時”，“分鐘”，“秒”的值。
var noon="AM" if (hours>12)
{ noon="PM" hours=hours-12 }
if (hours==0)
hours=12 定義一個名為“noon”的變量，當“小時”數大于12時，其值為PM,同時所得值減12;當“小時”數小于12時，其值為AM。
if (minutes<=9)
minutes="0"+minutes
if (seconds<=9)
seconds="0"+seconds 如果“分鐘”數或“秒”數小于9,則在前面加一個“0”。
myclock="<font color=blue>" +hours+":"+minutes+":" +seconds+" "+noon+"</b></font>" 用一個新變量把“小時，分，秒”結合起來。
if (document.layers)
{ document.layers.position.
document.write(myclock)
document.layers.position.document.close() } 如果瀏覽器是Netscape，就輸出myclock,同時用于IE的代碼就停止執行。
else if (document.all)
position.innerHTML=myclock 否則，瀏覽器是IE，就輸出myclock。
setTimeout("Time()",1000) 每1000毫秒，調用一次Time函數,即一秒動一次。
<body onload="Time()"> 頁面裝載時，調用Time()函數。
posted on 2007-08-08 10:38
I LOVE JAVA 閱讀(752)
評論(0) 編輯 收藏 所屬分類:
javaScript例題