ホームページのバナーなど期間セールや正月など自動での表示、非表示の方法

ロゴイメージ | ホームページ修正SHOP スポットマシン

ECショップに限らず、臨時な時や期間や時間限定で表示させたい情報やバナーなど、結構あります。
大抵はその時間のちょっと前か翌朝などに更新ファイルをアップロードしますが、
会社のHPなどで、社長から「夜中の12時ちょうどにやってくれ」などいわれることがあると思います。
正直、夜中の12時ぴったりにやってなんの価値があるのかわからないときもあります、、、
例えば、夜中のアクセスがほとんどない時など。

そんなときに超便利なjsを掲載しているサイトをご紹介します。

jQueryとサイトで紹介されているjsを読み込みんで、data-start-dateとdata-end-dateに
時間をしていするだけで以下のように任意のタグの間を「表示開始期間」と「非表示期間」で操作できます。

例:
<span class=”view_timer” data-start-date=”20xx/x/x xx:xx” data-end-date=”20xx/x/xx xx:xx”>HogeHogeFugaFuga</span>

日時指定で要素の表示と非表示を切り替えるjQueryが超絶便利 – CODE-LIFE│コーディング・プログラミングのメモブログ