|
1樓
大 中
小 發表於 2006-8-7 20:30
[JAVASCRIPT] 設計數位時間
引用:<HTML> <!-- ******************** TEST.htm **************** -->
<HEAD>
<SCRIPT>
var time
function calcTime() //計算時間的函數
{ //imgA+9+imgB為數字9的圖形
var imgA="<IMG SRC='gif14/digit"
var imgB=".gif' HEIGHT=21 WIDTH=16>" //digit?.gif影像檔
time="" //時間初值為空字串
now=new Date() //now為現在時間
var hh=now.getHours(),mm=now.getMinutes(),ss=now.getSeconds()
mm=((mm<10) ? "0":"")+mm //mm為分數
ss=((ss<10) ? "0":"")+ss //ss為秒數
hh=""+hh //hh為時數
for (n=0; n<hh.length; n++) //逐位結合
{time+=imgA+hh.substring(n,n+1)+imgB} //時數位數個圖形結合
time+=imgA+"c.gif' height=21 width=9>" //冒號：圖形
for (n=0; n<mm.length; n++) //逐位結合
{time+=imgA+mm.substring(n,n+1)+imgB} //分數位數個圖形結合
time+=imgA+"c.gif' height=21 width=9>" //冒號：圖形
for (n=0; n<ss.length; n++) //逐位結合
{time+=imgA+ss.substring(n,n+1)+imgB} //秒數位數個圖形結合
}
</SCRIPT>
</HEAD>
<BODY>
<CENTER>
<H1>數位時鐘</H1>
<H3>現在時間</H3>
<SCRIPT>
calcTime(); //計算時間將其IMG標籤結合成time字串
document.write(time); //將時間time顯示出來
</SCRIPT>
</BODY>
</HTML>
|
