以下の文章を<HEAD>〜</HEAD>内に入れて下さい。
<![CDATA[
<SCRIPT LANGUAGE="JavaScript"><!---
var ver4 = (navigator.appVersion.charAt(0) == "4");
var NN4 = ver4 && (navigator.appName == "Netscape");
var IE4 = ver4 && (navigator.appName.charAt(0) == "M");
var NN3 = ((navigator.appVersion.charAt(0) == "3") && (navigator.appName == "Netscape"));
if(NN3 || NN4 || IE4){ var num = new Array();
num[0] = new Image(); num[0].src = "0.gif";
num[1] = new Image(); num[1].src = "1.gif";
num[2] = new Image(); num[2].src = "2.gif";
num[3] = new Image(); num[3].src = "3.gif";
num[4] = new Image(); num[4].src = "4.gif";
num[5] = new Image(); num[5].src = "5.gif";
num[6] = new Image(); num[6].src = "6.gif";
num[7] = new Image(); num[7].src = "7.gif";
num[8] = new Image(); num[8].src = "8.gif";
num[9] = new Image(); num[9].src = "9.gif";}
function image_clock(){
if(NN3 || NN4 || IE4){
var now =new Date(); h = now.getHours().toString();
if(eval(h) <10) h = "0" +h;
m = now.getMinutes().toString();
if(eval(m) <10) m = "0" +m;
s = now.getSeconds().toString();
if(eval(s) <10) s = "0" +s;
document.hou0.src = num[h.charAt(0)].src;
document.hou1.src = num[h.charAt(1)].src;
document.min0.src = num[m.charAt(0)].src;
document.min1.src = num[m.charAt(1)].src;
document.sec0.src = num[s.charAt(0)].src;
document.sec1.src = num[s.charAt(1)].src;
setTimeout('image_clock()',100); }
}//end --->
</SCRIPT>
]]>
以下の文章を<BODY>〜</BODY>内に入れて下さい。
<![CDATA[
<center>
<SCRIPT LANGUAGE="JavaScript">
<!---
if(NN3 || NN4 || IE4){
document.write("<img src='l_form.gif'><img src='0.gif' name='hou0'>");
document.write("<img src='0.gif' name='hou1'><img src='point.gif'>");
document.write("<img src='0.gif' name='min0'>");
document.write("<img src='0.gif' name='min1'><img src='point.gif'>");
document.write("<img src='0.gif' name='sec0'>");
document.write("<img src='0.gif' name='sec1'><img src='r_form.gif'>");
}
//end --->
</SCRIPT>
</center>
]]>
<BODY>を<BODY onLoad="image_clock()">にして下さい。
時計の表示に使用した画像はこれです→
最近ではあまり見られなくなりましたが自分のページにあると楽しいかも？
JAVA SCRIPTに戻る
ホームへ戻る