(第2回)[Javascript]時間ごとに違うメッセージを表示させる

　今回は、Array() 配列を使って時間ごとに「おはようございます」とか「こんばんは」とか、異なるメッセージをブラウザ上に表示させていきたいと思います。

1.配列に値をセットする

　はじめにメッセージを格納するための変数を指定します。

　　　var myMes = new Array(24);

　newArray()は配列宣言です。Array(24)とすることで、変数myMesは24個の行を持つことになります。つまり24時間分で　

　す。次に、word[0]=" "…で、書く時間に表示したいメッセージを入れます。例えば、

　　　myMes[0] = "午前0時です。日付が変わりました。";

　変数右隣の括弧[]は、配列宣言された変数の何番目の行を指しているかを表すためのものです。

2.配列の値を表示する

　その時間のメッセージを表示させます。

　　　myDate = new Date();

　　　myHour =myDate.getHours();

　　　myMessage = myMes[myHour];

　　　document.write(myMessage);

　上から順番に、

　　　1.現在の年月日時分秒を取得します。

　　　2.取得したデータの中から時間(hour)を取り出します。

　　　3.取り出した時間 番目のmyMesテーブルの内容を取り出します。

　　　4.これをdocument.write()で表示させます。

　次のようにまとめることもできます。代入してるだけですね。

　　　document.write(myMes[(new Date()).getHours()]);

3.javascript

1. /Array配列宣言

2. myMes = new Array(24); /

3. 
   

4. myMes[0] ="日付が変わりました。午前０時です。";

5. myMes[1] ="午前１時です。そろそろ寝なくて大丈夫ですか。";

6. myMes[2] ="午前２時です。丑三つ時です。";

7. myMes[3] ="午前３時です。静かですね。";

8. myMes[4] ="午前４時です。朝が近づいてきました。";

9. myMes[5] ="午前５時です。まだ暗いです。";

10. myMes[6] ="午前６時です。朝です。";

11. myMes[7] ="午前７時です。ラジオ体操の時間です。";

12. myMes[8] ="午前８時です。学校に行きましょう。";

13. myMes[9] ="午前９時です。授業が始まりました。";

14. myMes[10]="午前１０時です。いい天気です。";

15. myMes[11]="午前１１時です。お腹が空いてきました。";

16. myMes[12]="午後０時です。もうすぐお昼の休憩です。";

17. myMes[13]="午後１時です。昼食の時間です。";

18. myMes[14]="午後２時です。眠くなってきました。";

19. myMes[15]="午後３時です。甘いものが欲しいです。";

20. myMes[16]="午後４時です。もうすぐ学校が終わります。";

21. myMes[17]="午後５時です。放課後です。";

22. myMes[18]="午後６時です。暗くなってきました。";

23. myMes[19]="午後７時です。夕食の時間です。";

24. myMes[20]="午後８時です。課題を片付けましょう。";

25. myMes[21]="午後９時です。少し眠いです。";

26. myMes[22]="午後１０時です。明日の準備をしましょう。";

27. myMes[23]="午後１１時です。寝てください。";

28. 
    

29. //配列の値の表示

30. document.write(myMes[(new Date()).getHours()]);