お正月の間だけコンテンツを表示するJavaScript


20121214 01

お正月の間だけコンテンツを切り替えたいという相談があったので、JavaScriptで簡単にやる方法をメモしておきます。

企業サイトで年始に”謹賀新年”という表示をしたいという相談を受けたのですが、一般的にはお休みなので更新作業は出来ないですよね。

そんな時に使えるJavaScriptをご紹介します。

IT/WEB業界への転職なら求人サイトGreen

更新したいコンテンツの箇所にJavaScriptを挿入すればOKです。
日付と表示するコンテンツは適時変更してください。

/*****************************************************/
//指定期間にコンテンツを切り替えるJavascript
/**設定項目 ******************************************/
//----開始日 YYYY/M/D 形式 半角数字で開始日指定
myStartDate="2013/1/1";
// 終了日 YYYY/M/D 形式 半角数字で終了日指定
myEndDate="2013/1/4"; 
//指定期間以外に表示するHTML
defaultHTML='ようこそ';
//指定期間に表示するHTML
newHTML='謹賀新年';
/*上記の場合、2013/1/1~2013/1/3の
期間、指定メッセージを表示します。
終了日になると表示しなくなります。(終了日はdefaultHTMLが表示されます)
/******************************************************************/
myDate=new Date(); //現在の日付取得
mySD=new Date(myStartDate);
myED=new Date(myEndDate);
if(myDate.getTime()-mySD.getTime()> 0 && myED.getTime()-myDate.getTime()> 0){
//指定期間に表示するHTML
document.write(newHTML);
} else {
//通常時HTML
document.write(defaultHTML);
}

サンプルは「ようこそ」のテキストが3日間だけ「謹賀新年」に変更されます。

以上、お正月の間だけコンテンツを表示するJavaScriptでした。

 

この記事が気に入ったら
いいね!しよう

最新情報をお届けします

follow us in feedly