デジタル時計2(画像あり)
"00.gif"から"09.gif"までの画像を用意して、HTMLファイルと同じディレクトリに置きます。もちろん、他のフォルダに
画像を置くこともできます。下のソースの赤いところを変えて下さい。青い所に改行を入れると、隙間が空いてしまうので注意。
(Netscape3以上, IE4以上で動作)
こんな感じです。
::
ソース
<HTML>
<HEAD>
<SCRIPT>
<!--
TID=10;
function Clock2(){
Time = new Date();
clearTimeout(TID);
TID = setTimeout("Clock2()",1000);
H0 = Time.getHours();
M0 = Time.getMinutes();
S0 = Time.getSeconds();
if(H0<10) H1 = 0; else H1 = parseInt(H0/10);
H2 = H0 - H1*10;
if(M0<10) M1 = 0; else M1 = parseInt(M0/10);
M2 = M0 - M1*10;
if(S0<10) S1 = 0; else S1 = parseInt(S0/10);
S2 = S0 - S1*10;
if(document.images){
document.images.h01.src="./0"+H1+".gif";
document.images.h02.src="./0"+H2+".gif";
document.images.m01.src="./0"+M1+".gif";
document.images.m02.src="./0"+M2+".gif";
document.images.s01.src="./0"+S1+".gif";
document.images.s02.src="./0"+S2+".gif";
}
}
//-->
</SCRIPT>
</HEAD>
<BODY onLoad="Clock2();">
<FONT SIZE=6><B>
<IMG SRC="./00.gif" NAME="h01"><IMG SRC="./00.gif" NAME="h02">:<IMG SRC="./00.gif" NAME="m01"><IMG SRC="./00.gif" NAME="m02">:<IMG SRC="./00.gif" NAME="s01"><IMG SRC="./00.gif" NAME="s02">
</B></FONT>
</BODY></HTML>