[NN3 IE4] リアルタイムクロック（画像）　

リアルタイムクロックを画像で表示します。

<HTML>
<HEAD>
<TITLE></TITLE>
<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>
 </HEAD>
<BODY onLoad="Clock()">
<CENTER>
<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">秒
</CENTER>
</BODY>
</HTML>
戻る