上級編５

　時刻別にコメントを変える
　　　JavaScriptで時刻別動作が可能です。


サイトの訪問者へ時刻に応じたメッセージを出したいって気持ちになることもあるでしょう。
そういう時に便利なJavaScriptをお教えしましょう。●ここをクリック●　してください。
どうですか、簡単なメッセージでもアクティブに感じられますよね。
ＨＴＭＬ文は下記の通りです。

<script language="JavaScript">
      <!--
      myMes = new Array(24);
      myMes[0]="こんばんは午前０時です";
      myMes[1]="こんばんは午前１時です";
      myMes[2]="こんばんは午前２時です";
      myMes[3]="こんばんは午前３時です";
      myMes[4]="こんばんは午前４時です";
      myMes[5]="おはようございます午前５時です";
      myMes[6]="おはようございます午前６時です";
      myMes[7]="おはようございます午前７時です";
      myMes[8]="おはようございます午前８時です";
      myMes[9]="おはようございます午前９時です";
      myMes[10]="おはようございます午前１０時です";
      myMes[11]="おはようございます午前１１時です";
      myMes[12]="こんにちは午後０時です";
      myMes[13]="こんにちは午後１時です";
      myMes[14]="こんにちは午後２時です";
      myMes[15]="こんにちは午後３時です";
      myMes[16]="こんにちは午後４時です";
      myMes[17]="こんにちは午後５時です";
      myMes[18]="こんばんは午後６時です";
      myMes[19]="こんばんは午後７時です";
      myMes[20]="こんばんは午後８時です";
      myMes[21]="こんばんは午後９時です";
      myMes[22]="こんばんは午後１０時です";
      myMes[23]="こんばんは午後１１時です";
      document.write(myMes[(new Date()).getHours()]);
      // -->
</script>

「こんにちは午後○時です」というコメントの所は思いっきり好きなフレーズに変えて戴いて構いませんので。
尚、表示文字の色やサイズを変えたい場合はdocument.writeの後ろに条件を足すだけです。 document.write(myMes[(new Date()).getHours()].fontsize(7).fontcolor("red"));と変えてみましょうか。 ●ここをクリック● してください。赤いデッカイ文字になりますよね。
応用のアイデアを練りながら、この項は修了です。はい。
質問メール　 SCHOOL MENU