画像で時刻を表示します。

画像で時刻を表示します。
時 分 秒
■<head>〜</head>内に下記を貼り付けてください。
<script language="JavaScript">
<!--
numImg=new Array()
for(i=0;i<=9;i++){
numImg[i]=new Image();
numImg[i].src=i+".gif";
}

function Clock(){
acDate=new Date();
myHour=new String(acDate.getHours());
if (eval(myHour)<10)myHour="0"+myHour;
myMinute=new String(acDate.getMinutes());
if (eval(myMinute)<10)myMinute="0"+myMinute;
mySecond=new String(acDate.getSeconds());
if (eval(mySecond)<10)mySecond="0"+mySecond;
document.hour1.src=numImg[myHour.charAt(0)].src
document.hour2.src=numImg[myHour.charAt(1)].src
document.minute1.src=numImg[myMinute.charAt(0)].src
document.minute2.src=numImg[myMinute.charAt(1)].src
document.second1.src=numImg[mySecond.charAt(0)].src
document.second2.src=numImg[mySecond.charAt(1)].src
setTimeout("Clock()",1000);
}
// -->
</script>
■<body>タグ内に下記を貼り付けてください。
<body bgcolor="#fff7ea" onload="Clock()">
■<body>〜</body>内に下記を貼り付けてください。
<img src="0.gif" name="hour1">
<img src="0.gif" name="hour2">時
<img src="0.gif" name="minute1">
<img src="0.gif" name="minute2">分
<img src="0.gif" name="second1">
<img src="0.gif" name="second2">秒
【POINT】JavaScriptを使う場合、目的のブラウザで動作するかを必ず確かめてから使用して下さい。確認方法は「IEテスター」というフリーソフトを使用すると、IE5.5／IE6／IE7／IE8の動作を同時に確認することができます。また需要が多いブラウザ（FireFox／Opera／Sleipnir／Lunascape／KIKI etc）での動作確認も忘れずに行って下さい。