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>

の中に入れる。

こんな事に使えそう

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

お知らせ

MaKaNa(マカナ)様のホームページ

筑豊地区・中間市・北九州市の情報サイト「MaKaNa(マカナ)」様のホームページを作成しました。 フ … 続きを読む

2020.07.31

猫のイラスト

猫のイラストです。 … 続きを読む

2020.02.05

チラシのデザイン・制作サービスはじめました

伝えたいことを、わかりやすく! スキルのフリーマーケット「coconala(ココナラ)」でチラシのデ … 続きを読む

2019.08.06

飯塚医師会様のホームページ作成

一般社団法人 飯塚医師会様のホームページを作成。リニューアルオープンしました。 ↓ http://i … 続きを読む

2019.04.11

㈱シンシアテクノス様のサイト開設

㈱シンシアテクノス様のサイトを開設しました。 ↓ https://sincere-tecnos.co … 続きを読む

2019.04.01

Twitter

電話で問合せ