■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日 |