いいモノみーつけた!


  パソコン使い方教室:ホームページ小技集


  HOME


  

背景関連


   

グラデーション



  

画像関連


   

サムネイル(1)


   

サムネイル(2)


   

スライドショウ


   

クリックで切り替え



  

日付・時間表示関連


   

時刻表示(1)


   

時刻表示(2)


   

時間別メッセージ


   

曜日別メッセージ


   

日別メッセージ



  

テキスト関連


   

文字列の点滅



  

ウインドウ関連


   

サブウインドウの表示



  

一般的な便利技


   

クリッカブル マップ


  

関連サイト


   

パソコン使い方教室


   

ホームページ講座


   

CSS 講座




時間別メッセージの表示


時刻によって、次のメッセージが表示されます。



この例は、00時〜06時未満、06時〜12時未満、12時〜18時未満、18時〜24時未満の訪問時間別に表示するメッセージです。

ソースは、次の通りです。


行数

タグソース

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

<html>
<head>
<title>時間別メッセージ</title>
</head>
<body bgcolor="#ffffff">

<font color="#0000ff">
<script language="JavaScript">
<!--
// 現在時刻に合わせて文字を変える
h = (new Date()).getHours();
if((h >= 0) && (h < 6)) document.write("眠くないですか? 00時〜06時未満のメッセージ");
if((h >= 6) && (h < 12)) document.write("おはようございます。 06時〜12時未満のメッセージ");
if((h >= 12) && (h < 18)) document.write("こんにちは。 12時〜18時未満のメッセージ");
if((h >= 18) && (h < 24)) document.write("こんばんは。 18時〜24時未満のメッセージ");
//-->
</script>

</font>
</body>
</html>


注: if((h >= 0) && (h < 6)) は、00時〜06時未満という意味ですから、これに倣って時間を
      もっと短く区切ることもできます。



Copyright (C) N.Hamano All Rights Reserved