トップページその他の事例集→時間でメッセージを変える

6.1 時間でメッセージを変える

サンプル表示
メッセージを表示したい所に、次のように記述します。

<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は好きな文字列を使って下さい。)

ブラウザ対応表
ブラウザIENetscapeOpera
バージョン5.005.506.06.2.37.016.067.21
対応

トップページへ
背景に関する事例集
文字に関する事例集
画像に関する事例集
リンクに関する事例集
ページ制御に関する事例集
その他の事例集
6.1 時間でメッセージを変える
6.2 色の付いた水平線を引く