時間によって変わる文書

時間によって文書を変えることがJavaScriptでもできます。下のようになります。




1) スクリプト1を<HEAD>〜</HEAD>の間に記述する。

<!--スクリプト1-->
<SCRIPT LANGUAGE="JAVASCRIPT">
<!--

word = new Array(24);//改行は<BR>を使ってください
word[0]="「<B>午前0時ですよ。今日になりました。</B>」";
word[1]="「<B>午前1時です。草木も眠る丑みつどき…。</B>」";
word[2]="「<B>午前2時です。ふわ〜、眠い…。</B>」";
word[3]="「<B>午前3時です。ぐ〜ぐ〜</B>」";
word[4]="「<B>午前4時です。もう少しで日が昇る?</B>";
word[5]="「<B>午前5時です。早朝出勤ですか?</B>」";
word[6]="「<B>午前6時です。朝早いな〜。</B>」";
word[7]="「<B>午前7時です。朝ご飯はきちんと食べた?</B>」";
word[8]="「<B>午前8時です。今日も1日がんばろ〜!</B>」";
word[9]="「<B>午前9時です。今日は休み?</B>」";
word[10]="「<B>午前10時です。あ〜、ちょっと中だるみ…。</B>」";
word[11]="「<B>午前11時です。もうすぐお昼だ!がんばろ〜!</B>」";
word[12]="「<B>正午です。お昼の時間だ!もりもり食べよう!</B>」";
word[13]="「<B>午後1時です。午後です。</B>」";
word[14]="「<B>午後2時です。もうすぐで学校が終わりです。</B>」";
word[15]="「<B>午後3時です。おやつの時間だ〜!</B>」";
word[16]="「<B>午後4時です。もう夕方…。</B>」";
word[17]="「<B>午後5時です。五時から男が大活躍?</B>」";
word[18]="「<B>午後6時です。もうそろそろ家に帰ろう。</B>」";
word[19]="「<B>午後7時です。夕食だ!</B>」";
word[20]="「<B>午後8時です。おもしろいTV番組やってる?</B>」";
word[21]="「<B>午後9時です。よい子は寝る時間?</B>」";
word[22]="「<B>午後10時です。宿題は大丈夫?</B>」";
word[23]="「<B>午後11時です。大人の時間はこれから!</B>」";
 
function showword(){
        date=new Date();
        hour=date.getHours();
        document.write(word[hour]);
}
// -->
</SCRIPT>
<!--ここまで-->




2) スクリプト2を表示したいところに記述する。

<!--スクリプト2-->
<SCRIPT LANGUAGE="JAVASCRIPT">
<!--
showword();
// -->
</SCRIPT>
<!--ここまで-->



BACK