メッセージを表示したい所に、次のように記述します。
<SCRIPT TYPE="text/javascript">
<!--
TimeH = (new Date()).getHours();
if (TimeH >= 0 && TimeH <= 4) Hyouji = "夜中です";
else if(TimeH >= 5 && TimeH <= 10) Hyouji = "朝です";
else if(TimeH == 11) Hyouji = "昼です";
else if(TimeH == 12 ) Hyouji = "昼休みです";
else if(TimeH >= 13 && TimeH <= 15) Hyouji = "午後です";
else if(TimeH >= 16 && TimeH <= 18) Hyouji = "夕方です";
else if(TimeH >= 19 && TimeH <= 23) Hyouji = "夜です";
document.write(Hyouji);
// -->
</SCRIPT>
すなわち、TimeHに時刻によって0〜23の数値が取得されるので、if以下の記述によって表示内容を変えています。これらの記述によっては1時間毎に表示を変えることもできます。(TimeHやHyoujiは好きな文字列を使って下さい。)
ブラウザ対応表
ブラウザ | IE | Netscape | Opera
|
バージョン | 5.00 | 5.50 | 6.0 | 6.2.3 | 7.01 | 6.06 | 7.21
|
対応 | ○ | ○ | ○ | ○ | ○ | ○ | ○
|