Java／月日、時間帯を指定してDIVの内容を変更 | もとまつデザイン事務所

Java／月日、時間帯を指定してDIVの内容を変更

サンプルコード

<div id="MyEvent">
<a href="リンク先アドレス">
<img src="画像">
</a>
イベント当日に表示する内容
</div>
  
<div id="Usually">
<a href="リンク先アドレス">
<img src="画像">
</a>
通常時に表示する内容
</div>
  
<script>
// イベントの開始、終了設定
var startday = new Date('2016/06/03 00:00:00');
var endday = new Date('2016/06/05 23:59:59');
  
var today = new Date();
if ( startday < today && today < endday ){
   document.getElementById("MyEvent").style.display="block";
   document.getElementById("Usually").style.display="none";
}else{
   document.getElementById("MyEvent").style.display="none";
   document.getElementById("Usually").style.display="block";  
}
</script>

表示したい年月日、時間帯を指定

「イベントの開始、終了設定」

var startday = new Date('2016/06/03 00:00:00');
var endday = new Date('2016/06/05 23:59:59');

で設定

イベント当日に表示する内容

<div id="MyEvent">

</div>

の中に入れる。

通常時に表示する内容

<div id="Usually">

</div>

の中に入れる。

こんな事に使えそう

• レストランの本日のメニュー
• 期間限定サービス品
• 医師会の休日在宅医