時刻によって違った表示をする

◆時刻によって違った表示する◆
 ┣１.時刻によって違ったあいさつを表示する（T）　　　・・・・　時刻によって違ったあいさつを表示する
┣２.時刻によって違ったあいさつを表示する（U）　　　・・・・　時刻によって違ったあいさつを表示する（24時間制）
┣３.時刻によって違った画像を表示する（T）　　　・・・・　時刻によって違った画像を表示する
┣４.時刻によって違った画像を表示する（U）　　　・・・・　時刻によって違った画像を表示する（24時間制）
┣５.時刻によって違った背景を表示する（T）　　　・・・・　時刻によって違った背景を表示する
┗６.時刻によって違った背景を表示する（U）　　　・・・・　時刻によって違った背景を表示する（24時間制）

　

時刻によって違ったあいさつを表示する（T）

■■１■■
[概要]
時刻によって違った挨拶を表示する

[参照]
メルマガ Vol.14

[ソース]
<HTML>
<HEAD>
<TITLE>挨拶プログラム</TITLE>
<SCRIPT language="JavaScript">
<!--
today = new Date();
hours = today.getHours();
//AM5：00〜AM10:00の間のコメント
if(hours < 10 && hours >= 5){message = "おはようございます";}
//AM10：00〜PM17:00の間のコメント
if(hours < 17 && hours >= 10){message = "こんにちわ";}
//PM17：00〜PM22:00の間のコメント
if(hours < 22 && hours >= 17){message = "こんばんわ";}
//PM22：00〜AM5:00の間のコメント
if(hours >=0 && hours < 5 || hours >= 22 && hours <=24){message = "ZZZZZ・・・・・";}
//-->
</SCRIPT>
</HEAD>
<BODY>
<SCRIPT language="JavaScript">
document.write(message);
</SCRIPT>
</BODY>
</HTML>

※赤は変更点
※緑の部分はコメント部分。一緒に貼り付けても大丈夫。

　

時刻によって違ったあいさつを表示する（U）

■■２■■
[概要]
時刻によって違った挨拶を表示する。（２４時間制）

[参照]
メルマガ Vol.14

[ソース]
<HTML>
<HEAD>
<TITLE>挨拶プログラム</TITLE>
<SCRIPT language="JavaScript">
<!--
    today = new Date();
    hours = today.getHours();
    mes = new Array(24);
    //時間ごとのコメントの設定
    mes[0] = "午前０時です。";
    mes[1] = "午前１時です。";
    mes[2] = "午前２時です。";
    mes[3] = "午前３時です。";
    mes[4] = "午前４時です。";
    mes[5] = "午前５時です。";
    mes[6] = "午前６時です。";
    mes[7] = "午前７時です。";
    mes[8] = "午前８時です。";
    mes[9] = "午前９時です。";
    mes[10] = "午前１０時です。";
    mes[11] = "午前１１時です。";
    mes[12] = "午後１２時です。";
    mes[13] = "午後１３時です。";
    mes[14] = "午後１４時です。";
    mes[15] = "午後１５時です。";
    mes[16] = "午後１６時です。";
    mes[17] = "午後１７時です。";
    mes[18] = "午後１８時です。";
    mes[19] = "午後１９時です。";
    mes[20] = "午後２０時です。";
    mes[21] = "午後２１時です。";
    mes[22] = "午後２２時です。";
    mes[23] = "午後２３時です。";
    mes[24] = "午後２４時です。";
//-->
</SCRIPT>
</HEAD>
<BODY>
<SCRIPT language="JavaScript">
<!--
    document.write(mes[hours]);
//-->
</SCRIPT>
</BODY>
</HTML>

※赤は変更点
※緑の部分はコメント部分。一緒に貼り付けても大丈夫。

　

時刻によって違った画像を表示する（T）

■■３■■
[概要]
時刻によって違った画像を表示する

[参照]
メルマガ Vol.14

[ソース]
<HTML>
<HEAD>
<TITLE>挨拶プログラム</TITLE>
<SCRIPT language="JavaScript">
<!--
    today = new Date();
    hours = today.getHours();
    //AM5：00〜AM10:00の間の画像
    if(hours < 10 && hours >= 5){image = "img1.gif";}
    //AM10：00〜PM17:00の間の画像
    if(hours < 17 && hours >= 10){image = "img2.gif";}
    //PM17：00〜PM22:00の間の画像
    if(hours < 22 && hours >= 17){image = "img3.gif";}
    //PM22：00〜AM5:00の間の画像
    if(hours >=0 && hours < 5 || hours >= 22 && hours <=24){image = "img4.gif";}
//-->
</SCRIPT>
</HEAD>
<BODY>
<SCRIPT language="JavaScript">
<!--
    document.write("<IMG SRC="+image+">");
//-->
</SCRIPT>
</BODY>
</HTML>

※赤は変更点
※緑の部分はコメント部分。一緒に貼り付けても大丈夫。

　

時刻によって違った画像を表示する（U）

■■４■■
[概要]
時刻によって違った画像を表示する。（２４時間制）

[参照]
メルマガ Vol.14

[ソース]
<HTML>
<HEAD>
<TITLE>挨拶プログラム</TITLE>
<SCRIPT language="JavaScript">
<!--
    today = new Date();
    hours = today.getHours();
    img = new Array(24);
    //時間ごとのコメントの設定
    img[0] = "img0.gif";
    img[1] = "img1.gif";
    img[2] = "img2.gif";
    img[3] = "img3.gif";
    img[4] = "img4.gif";
    img[5] = "img5.gif";
    img[6] = "img6.gif";
    img[7] = "img7.gif";
    img[8] = "img8.gif";
    img[9] = "img9.gif";
    img[10] = "img10.gif";
    img[11] = "img11.gif";
    img[12] = "img12.gif";
    img[13] = "img13.gif";
    img[14] = "img14.gif";
    img[15] = "img15.gif";
    img[16] = "img16.gif";
    img[17] = "img17.gif";
    img[18] = "img18.gif";
    img[19] = "img19.gif";
    img[20] = "img20.gif";
    img[21] = "img21.gif";
    img[22] = "img22.gif";
    img[23] = "img23.gif";
    img[24] = "img24.gif";
//-->
</SCRIPT>
</HEAD>
<BODY>
<SCRIPT language="JavaScript">
<!--
    document.write("<IMG SRC="+img[hours]+">");
//-->
</SCRIPT>
</BODY>
</HTML>

※赤は変更点
※緑の部分はコメント部分。一緒に貼り付けても大丈夫。

　

時刻によって違った背景を表示する（T）

■■５■■
[概要]
時刻によって違った背景を表示する

[参照]

[ソース]
<HTML>
<HEAD>
<TITLE>背景プログラム</TITLE>
<SCRIPT language="JavaScript">
<!--
    today = new Date();
    hours = today.getHours();
    //AM5：00〜AM10:00の間の画像
    if(hours < 10 && hours >= 5){image5 = "img1.gif";}
    //AM10：00〜PM17:00の間の画像
    if(hours < 17 && hours >= 10){image5 = "img2.gif";}
    //PM17：00〜PM22:00の間の画像
    if(hours < 22 && hours >= 17){image5 = "img3.gif";}
    //PM22：00〜AM5:00の間の画像
    if(hours >=0 && hours < 5 || hours >= 22 && hours <=24){image5 = "img4.gif";}
//-->
</SCRIPT>
</HEAD>
<SCRIPT language="JavaScript">
<!--
document.write("<BODY background="+image5);
//-->
</SCRIPT>
</SCRIPT>
</BODY>
</HTML>

※赤は変更点
※緑の部分はコメント部分。一緒に貼り付けても大丈夫。

　

時刻によって違った背景を表示する（U）

■■６■■
[概要]
時刻によって違った背景画像を表示する。（２４時間制）

[参照]

[ソース]
<HTML>
<HEAD>
<TITLE>挨拶プログラム</TITLE>
<SCRIPT language="JavaScript">
<!--
    today = new Date();
    hours = today.getHours();
    img = new Array(24);
    //時間ごとのコメントの設定
    img[0] = "img0.gif";
    img[1] = "img1.gif";
    img[2] = "img2.gif";
    img[3] = "img3.gif";
    img[4] = "img4.gif";
    img[5] = "img5.gif";
    img[6] = "img6.gif";
    img[7] = "img7.gif";
    img[8] = "img8.gif";
    img[9] = "img9.gif";
    img[10] = "img10.gif";
    img[11] = "img11.gif";
    img[12] = "img12.gif";
    img[13] = "img13.gif";
    img[14] = "img14.gif";
    img[15] = "img15.gif";
    img[16] = "img16.gif";
    img[17] = "img17.gif";
    img[18] = "img18.gif";
    img[19] = "img19.gif";
    img[20] = "img20.gif";
    img[21] = "img21.gif";
    img[22] = "img22.gif";
    img[23] = "img23.gif";
    img[24] = "img24.gif";
//-->
</SCRIPT>
</HEAD>
<SCRIPT language="JavaScript">
<!--
document.write("<BODY background="+img[hours]);
//-->
</SCRIPT>
</BODY>
</HTML>

※赤は変更点
※緑の部分はコメント部分。一緒に貼り付けても大丈夫。

　戻る