時刻によって表示を変える

とほほのWWW入門 > とほほのJavaScript入門 > 時刻によって表示を変える
1999年6月20日

■ 説明

JavaScriptを用いて、時刻によってメッセージや画像を変えることができます。「こんにちわ」のメッセージの代わりに「<IMG SRC='...'」といったタグを指定すると、画像を変更することもできます。ただし、document.write("...")の「...」の部分では、ダブルクォーテーション(")を用いることができないので、代わりにシングルクォーテーション(')を用いるか、「"」を「\"」と記述しましょう。

■ 実例

■ ソースコード

<SCRIPT LANGUAGE="JavaScript">
<!--
dd = new Date();
hour = dd.getHours();
if (hour < 5) {
   document.write("もう夜中ですよ。");
} else if (hour < 10) {
   document.write("おはようございます。");
} else if (hour < 16) {
   document.write("こんにちわ。");
} else {
   document.write("こんばんわ。");
}
// -->
</SCRIPT>

■ 動作確認

IE5.0(Win)、IE4.5(Mac)、NN2.0/3.0/4.0(Win)での動作を確認しています。これ以外で動作確認された方はご連絡ください。

Copyright (C) 1999 とほほ
http://wakusei.cplaza.ne.jp/twn/wwwjsx31.htm