８-５

　小技で小粋に-５
　　　時刻別の挨拶を出したいっ。


『答え』　Javascriptを使って簡単に出来ます。

朝とか昼の時間帯で違うコメントを出したいなあなーんてお考えのあなた。とても簡単に出来ちゃうのでお教えしちゃいますね。
下のタグをお作りのHTMLに加えるだけです。
こんなタグです。

<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"));と変えてみて下さい。赤いデッカイ文字になりますよね。
もの足りない感じがするでしょうが、これでこの項は修了です。はい。
質問メール　 ＯＺ道場メニュー