SITEMAP [初めてのホームページ講座] [JavaScript , DHTML] [訪問時間ごとのメッセージ表示]

訪問時間ごとのメッセージ表示

機能

ページに訪れた時間により表示するメッセージを変更するスクリプトです。表示するメッセージはお好きなように変更してお使い下さい。

利用方法

表示したい部分にスクリプトを挿入します。

改造方法

以下の変数をお好みにあわせて変更できます。

配列変数Mess[xxx]: 表示するメッセージ。「xxx」の部分の数字が時間を示していますので、時間にあわせてメッセージを書き換えて下さい。例えば「２時～３時」の間であれば、Mess[2]の部分を書き換えます。

対応ブラウザ

IE3,NN3以上

サンプル

［サンプルを見る］［ダウンロード］

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>

<HEAD>

<META HTTP-EQUIV="Content-Type" CONTENT="text/html;charset=Shift_JIS">
<META HTTP-EQUIV="Content-Script-Type" CONTENT="text/javascript">
<TITLE>訪問時間ごとのメッセージ表示</TITLE>

</HEAD>

<BODY>

<SCRIPT LANGUAGE="javascript" TYPE="text/javascript">
<!--
var d_Now = new Date();
var d_Hour = d_Now.getHours();

var Mess = new Array();
Mess[0] = "そろそろ眠いね。";
Mess[1] = "眠い・・・眠くない？";
Mess[2] = "そろそろ寝ましょうよ。";
Mess[3] = "いい加減寝るよ！";
Mess[4] = "明日起きれないよ！";
Mess[5] = "もうそろそろ朝日が・・・";
Mess[6] = "私は寝てます。";
Mess[7] = "寝てるよ！";
Mess[8] = "起きなければ・・・";
Mess[9] = "会社が始まるよ。";
Mess[10] = "休憩しようかな・・・";
Mess[11] = "お腹空いてきた。";
Mess[12] = "昼御飯だよ！";
Mess[13] = "昼からもがんばるか！";
Mess[14] = "お昼寝の時間・・・";
Mess[15] = "おやつの時間がきたよ！";
Mess[16] = "もう一踏ん張り。";
Mess[17] = "そろそろ定時だね。";
Mess[18] = "今日も無事終了。";
Mess[19] = "夜ご飯の時間だよ！";
Mess[20] = "ドラマ見なくちゃ！";
Mess[21] = "良い子は寝る時間。悪い子は活動の時間。";
Mess[22] = "スポーツニュースでも・・・";
Mess[23] = "今日も疲れた。寝るか！";

document.write(Mess[d_Hour]);
// -->
</SCRIPT>

</BODY>
</HTML>

[Go To Top]