時間によってちがうメッセージをステータスバーに表示させよう
 表示の例は、画面のいちばん下を見てください。
プログラムＡのソースをコピーして、HTMLソースのHEAD区間に貼り付けしましょう。
プログラムＡのソース
<SCRIPT LANGUAGE="JavaScript">
<!--
Ames=new Array(24);
Ames[0]="午前０時をすぎました・・・";
Ames[1]="午前１時をすぎました・・・";
Ames[2]="午前２時をすぎました・・・";
Ames[3]="午前３時をすぎました・・・";
Ames[4]="午前４時をすぎました・・・";
Ames[5]="午前５時をすぎました・・・";
Ames[6]="午前６時をすぎました・・・";
Ames[7]="午前７時をすぎました・・・";
Ames[8]="午前８時をすぎました・・・";
Ames[9]="午前９時をすぎました・・・";
Ames[10]="午前１０時をすぎました・・・";
Ames[11]="午前１１時をすぎました・・・";
Ames[12]="正午をすぎました・・・";
Ames[13]="午後１時をすぎました・・・";
Ames[14]="午後２時をすぎました・・・";
Ames[15]="午後３時をすぎました・・・";
Ames[16]="午後４時をすぎました・・・";
Ames[17]="午後５時をすぎました・・・";
Ames[18]="午後６時をすぎました・・・";
Ames[19]="午後７時をすぎました・・・";
Ames[20]="午後８時をすぎました・・・";
Ames[21]="午後９時をすぎました・・・";
Ames[22]="午後１０時をすぎました・・・";
Ames[23]="午後１１時をすぎました・・・";
function TimeMes(){
myDate=new Date();
myTime=myDate.getHours();
window.status=Ames[myTime];
}
//-->
</SCRIPT>
プログラムＡのソースの中で、Ames[10] の 10 は午前1０時になればステータスバーに表示されるメッセージです。このソースでは 午前１０時をすぎました・・・ というコメントだけにしています。あなたのアイデアで、楽しいコメントを追加してみてください。
プログラムＢのソースをコピーして、HTMLソースの<body の y のすぐうしろに半角スペースをひとつ入力してから貼り付けしましょう。
プログラムＢのソース
onload="TimeMes()"
ソースの文字をかえる時に、" や ; を消してしまわないようにしてください。
５・６年生にもわかるやさしいJavaScriptのTOPへ