[JavaScript]時間ごとにコメントを変えるプログラム

みなさん、こんにちは!
台風の中、6kmも散歩してしまいました。riotaです。

今日は、上記のプログラムを書いてみました。

JavaScriptという言語を使って、「jsdo.it」というWEBサービスにプログラムを公開し、このブログに添付しております。

分からないなりに、やってみたのですが、実行できているのでしょうか。

心配です。笑

コードは以下の通りです。

<script type="text/javascript"><!--
myMes = new Array(24);
myMes[0] ="こんばんは。午前0時です。日付が変わりました。";
myMes[1] ="こんばんは。午前1時です。夜更かしですね。";
myMes[2] ="こんばんは。午前2時です。かなり夜更かしですね。";
myMes[3] ="こんばんは。午前3時です。もしや夜型。";
myMes[4] ="こんばんは。午前4時です。徐々に町が目を覚ますころ。";
myMes[5] ="おはようございます。午前5時です。早起きですね。";
myMes[6] ="おはようございます!午前6時です。今日も一日頑張りましょう!";
myMes[7] ="おはようございます!午前7時です。怯むな!通勤ラッシュ!";
myMes[8] ="おはようございます!午前8時です。出社の時間。";
myMes[9] ="おはようございます!午前9時です。業務が始まる時間。";
myMes[10]="おはようございます!午前10時です。よ~いドンの時間。";
myMes[11]="おはようございます!午前11時です。お昼はもうすぐそこ。";
myMes[12]="こんにちは!午後0時です。そろそろランチ。";
myMes[13]="こんにちは!午後1時です。ランチは食べられましたか?";
myMes[14]="こんにちは!午後2時です。眠たくなる時間。";
myMes[15]="こんにちは!午後3時です。おやつの時間。";
myMes[16]="こんにちは!午後4時です。夕方。";
myMes[17]="こんにちは!午後5時です。さくっと定時上がりは夢。";
myMes[18]="こんばんは!午後6時です。残業がある方は、負けないで!";
myMes[19]="こんばんは。午後7時です。そろそろ夜ご飯の時間。";
myMes[20]="こんばんは。午後8時です。お風呂にはもう入れましたか?";
myMes[21]="こんばんは。午後9時です。くつろぎタイム。";
myMes[22]="こんばんは。午後10時です。うとうとタイム。";
myMes[23]="こんばんは。午後11時です。お布団に入る時間。";
myDate = new Date();
myHour = myDate.getHours();
myMessage = myMes[myHour];
document.write(myMessage);
// --></script>

今回は、 Array() 配列というものを使い、24時間分のコメントを用意し、今の時間を取得するのは、getHoursという関数(?)を使っております。

つまり、getHoursで現在の時間を取得し、myMes[ ]←ここにその時間が入り、その行のコメントが、document.writeで表示される形となっております。

こちらのサイトから、ほぼ写経状態で書いてみましたが、勉強になりました。

今日のべんきょう!

  • WEBサービス、jsdo.itはブログへの添付などが超便利!
  • JavaScriptの手軽さに感動!
  • Array()配列、getHours()の使い方を覚えた!

最後まで、ありがとうございました!

参考サイト:http://cya.sakura.ne.jp/java/aisatu.htm

シェアする

  • このエントリーをはてなブックマークに追加

フォローする