時間によってイメージを変える




1) スクリプト1を<HEAD>〜</HEAD>に記述する。

<!--スクリプト1-->
<SCRIPT LANGUAGE="JAVASCRIPT">
<!--

img = new Array(24);
img[0]="j_moon.gif";
img[1]="j_moon.gif";
img[2]="j_moon.gif";
img[3]="j_moon.gif";
img[4]="j_sun2.gif";
img[5]="j_sun2.gif";
img[6]="j_sun2.gif";
img[7]="j_sun2.gif";
img[8]="j_sun2.gif";
img[9]="j_sun.gif";
img[10]="j_sun.gif";
img[11]="j_sun.gif";
img[12]="j_sun.gif";
img[13]="j_sun.gif";
img[14]="j_sun.gif";
img[15]="j_sun.gif";
img[16]="j_sun2.gif";
img[17]="j_sun2.gif";
img[18]="j_moon.gif";
img[19]="j_moon.gif";
img[20]="j_moon.gif";
img[21]="j_moon.gif";
img[22]="j_moon.gif";
img[23]="j_moon.gif";
 
function image(){
        date=new Date();
        hour=date.getHours();
        document.write("<CENTER><IMG SRC=\""+img[hour]+"\"></CENTER>");
}
// -->
</SCRIPT>
<!--ここまで-->


2) スクリプト2を好きなところに記述する

<!--スクリプト2-->
<SCRIPT LANGUAGE="JAVASCRIPT">
<!--
image();
// -->
</SCRIPT>
<!--ここまで-->


□BACK