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

Dynamic HTMLの参考書 Java Scriptの参考書

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

機能

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

利用方法

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

改造方法

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

配列変数Mess[xxx]
表示するメッセージ。 「xxx」の部分の数字が時間を示していますので、時間にあわせてメッセージを書き換えて下さい。 例えば「2時〜3時」の間であれば、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]

Copyright(C)1998 T.Miyazaki , All Rights Reserved.