<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>
詳細(xì)解釋:
function Time() 定義一個(gè)函數(shù)。
{ if (!document.layers&&!document.all)
return 由于IE與Netscape對JavaScript的解釋不同，造成瀏覽的效果不同，所以要分別寫代碼。這句話判斷一下用戶所使用的瀏覽器，如果兩者都不是，就返回。
var timer=new Date() 定義一個(gè)新的變量，名字為timer,為一個(gè)新的Date的對象。
var hours=Timer.getHours()
var minutes=Timer.getMinutes()
var seconds=Timer.getSeconds() 分別定義3個(gè)變量，獲得當(dāng)前“小時(shí)”，“分鐘”，“秒”的值。
var noon="AM" if (hours>12)
{ noon="PM" hours=hours-12 }
if (hours==0)
hours=12 定義一個(gè)名為“noon”的變量，當(dāng)“小時(shí)”數(shù)大于12時(shí)，其值為PM,同時(shí)所得值減12;當(dāng)“小時(shí)”數(shù)小于12時(shí)，其值為AM。
if (minutes<=9)
minutes="0"+minutes
if (seconds<=9)
seconds="0"+seconds 如果“分鐘”數(shù)或“秒”數(shù)小于9,則在前面加一個(gè)“0”。
myclock="<font color=blue>" +hours+":"+minutes+":" +seconds+" "+noon+"</b></font>" 用一個(gè)新變量把“小時(shí)，分，秒”結(jié)合起來。
if (document.layers)
{ document.layers.position.
document.write(myclock)
document.layers.position.document.close() } 如果瀏覽器是Netscape，就輸出myclock,同時(shí)用于IE的代碼就停止執(zhí)行。
else if (document.all)
position.innerHTML=myclock 否則，瀏覽器是IE，就輸出myclock。
setTimeout("Time()",1000) 每1000毫秒，調(diào)用一次Time函數(shù),即一秒動一次。
<body onload="Time()"> 頁面裝載時(shí)，調(diào)用Time()函數(shù)。
posted on 2007-08-08 10:38
I LOVE JAVA 閱讀(750)
評論(0) 編輯 收藏 所屬分類:
javaScript例題