時間帯によって背景画像を変える
以下のスクリプトを<head>と</head>の間に埋め込みます。
<SCRIPT LANGUAGE="JavaScript">
<!---
function geth(t){
if (t<=5) document.write("<BODY BACKGROUND='mizutama.gif'>");
else { if (t<=11) document.write("<BODY BACKGROUND='mizutama1.gif'>");
else { if (t<=17) document.write("<BODY BACKGROUND='mizutama2.gif'>");
else { if (t<=23) document.write("<BODY BACKGROUND='mizutama3.gif'>");
}}}
}
//--->
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
<!---
h = new Date();
geth(h.getHours());
//--->
</SCRIPT>
上記のスクリプトをコピー＆ペイストしてお使いください。又，画像ファイル名は貴方のものに変えてください。
ところで上記のスクリプトはheadタグの中にbodyタグが入って少しおかしく思えますが，エラーはなくてうまく表示されます。
なお時間帯をもっと増やしたい場合はelse〜***.gif'>")をコピーして適当なラインに貼り付けます。時間の変更をお忘れなく。又一つ時間帯を増やすごとに}を入れることをお忘れなく。上の例では}}}と３個になっていますが，}}}}と４個にします。（少し離れた}は数に入れませんので）又減らす場合は}を少なくしてください。
接続するたびに背景色を変える
ついでなので上記のスクリプトも示しておきます。
以下のスクリプトを<head>と</head>の間に埋め込みます。
<SCRIPT language="JavaScript">
<!--
d=new Date();
Se=""+d.getSeconds();
Lo=Se.length;
if(Lo==2){
Se=Se.charAt(1);
}
Co=new Array(10);
Co[0]="#ff8080";Co[1]="#ffff80";
Co[2]="#80ff80";Co[3]="#00ff80";
Co[4]="#80ffff";Co[5]="#0080ff";
Co[6]="#ff80c0";Co[7]="#ff80ff";
Co[8]="#ff8000";Co[9]="#ffffff";
document.bgColor=Co[Se];
// -->
</SCRIPT>
カラーコードを適当に変えてお使いください。
戻る