■JavaScriptによる日時とメッセージの表示

動作:

ホームページをの更新ごとに、日時とそれに合わせたメッセージを表示します。

プログラムの流れは、

1.Data()を使って、mydateに現在の時間を取り込む。
2.mydateをgetFullYear(),getMonth(),getDate()で年,月,日を取得する。
3.getDay()で曜日情報を取ります。曜日情報は、0〜6までが、日〜土に相当するので配列で定義し、getDay()の結果と関連付けします。

--------ここまでは、時間表示と同じ----------

4.時間をget.Hours()で取得して、myTimeに保管します。
5.myTimeの値によって、if分で表示メッセージ(Rmes)を切り替えます。
6.document.writeを使って時間とメッセージを表示します。


■ソースコード


<SCRIPT language="JavaScript">;
<!--
mydate=new Date();
Ye=mydate.getFullYear()+"年";
Mo=mydate.getMonth()+1+"月";
Da=mydate.getDate()+"日";
Day=mydate.getDay();
Day2=new Array(7); Day2[0]="日";Day2[1]="月";Day2[2]="火";Day2[3]="水";
Day2[4]="木";Day2[5]="金";Day2[6]="土";

myTime=(new Date()).getHours();

if(myTime>=5 && myTime<10){ Rmes=("おはようございます。");
}else if(myTime>=10 && myTime<12){ Rmes=("もうじき、お昼です。");
}else if(myTime>=12 && myTime<13){ Rmes=("昼休み中です。");
}else if(myTime>=13 && myTime<17){ Rmes=("こんにちは。");
}else if(myTime>=17 && myTime<24){ Rmes=("今晩は。"); }
document.write(Ye+Mo+Da+"("+Day2[Day]+")");
document.write(Rmes);
//-->
</SCRIPT>

■実際に動作させます。


Copyright (C) 錬金術師Masa
初版:2004年9月01日
更新:2005年8月13日
http://www.katch.ne.jp/~mh524-1997/