本日  昨日
 
03/16(Sun) 02:42

o 祝日、誕生日、記念日など特別の日にメッセージを表示する

祝日、誕生日、記念日などの特定の日にメッセージを表示する方法です。記念日とメッセージの追加は配列の最後に追加します。

  1. 休日表示用関数holiday()をヘッダー部に定義します。
  2. メッセージを表示したい任意の場所に、関数holiday()を実行するコマンドをJavaScriptで本文に記述します。
表示例:
(下で設定された日以外の日には今日の日付を表示します)


関数holiday()をヘッダー部に定義します。

<SCRIPT language="JavaScript"> <!-- kyu = new Array(); DayName = new Array(); kyu[0]="0101"; DayName[0]="今日は元旦です。"; kyu[1]="0115"; DayName[1]="今日は成人の日です。"; kyu[2]="0211"; DayName[2]="今日は建国記念日です。"; kyu[3]="0214"; DayName[3]="今日はバレンタインです。"; kyu[4]="0303"; DayName[4]="今日はひな祭りです。"; kyu[5]="0320"; DayName[5]="今日は春分の日です。"; kyu[6]="0429"; DayName[6]="今日は昭和の日です。"; kyu[7]="0503"; DayName[7]="今日は憲法記念日です。"; kyu[8]="0504"; DayName[8]="今日はみどりの日です。"; kyu[9]="0505"; DayName[9]="今日は子供の日です。"; kyu[10]="0720"; DayName[10]="今日は海の日です。"; kyu[11]="0915"; DayName[11]="今日は敬老の日です。"; kyu[12]="0923"; DayName[12]="今日は秋分の日です。"; kyu[13]="1010"; DayName[13]="今日は体育の日です。"; kyu[14]="1103"; DayName[14]="今日は文化の日です。"; kyu[15]="1123"; DayName[15]="今日は勤労感謝の日です。"; kyu[16]="1223"; DayName[16]="今日は天皇誕生日です。"; kyu[17]="0501"; DayName[17]="今日はメーデーです。"; kyu[18]="0510"; DayName[18]="今日は母の日です。"; kyu[19]="0621"; DayName[19]="今日は父の日です。"; kyu[20]="0707"; DayName[20]="今日は七夕です。"; kyu[21]="1115"; DayName[21]="今日は七五三です。"; kyu[22]="1225"; DayName[22]="今日はクリスマスです。"; function holiday() { dt = new Date(); m = "0"+(1+dt.getMonth()); //0の付加と数値を文字変換 d = "0"+dt.getDate(); //0の付加と数値を文字変換 m = m.substring(m.length-2,m.length); d = d.substring(d.length-2,d.length); dc = m+d; sday="今日は"+(1+dt.getMonth())+"月"+dt.getDate()+"日です。" for(i=0; i<kyu.length; i++) if (kyu[i]==dc) sday=DayName[i]; document.write(sday); } // --> </SCRIPT>
(応用)今日の日付を表示したくない場合は

sday="今日は"+(1+dt.getMonth())+"月"+dt.getDate()+"日です。" for(i=0; i<kyu.length; i++) if (kyu[i]==dc) sday=DayName[i]; document.write(sday); の部分を for(i=0; i<kyu.length; i++) if (kyu[i]==dc) document.write(DayName[i]); に置き換えます。


メッセージを表示したい任意の場所に、関数holiday()を実行するコマンドをJavaScriptで<BODY>〜</BODY>内に記述します。

<SCRIPT language="JavaScript"> <!-- holiday(); // --> </SCRIPT>


 
 
©1997- Kikuchisan's workshop All rights reserved //

スポンサーリンク

関連コンテンツ