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>

の中に入れる。

こんな事に使えそう

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

お知らせ

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

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

2019.08.06

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

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

2019.04.11

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

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

2019.04.01

いいづか看護師転職バンク様のサイト開設

「いいづか看護師転職バンク」様のホームページを開設しました。 飯塚市周辺(筑豊地区)で転職を考えてい … 続きを読む

2018.12.01

2019年カレンダー

2019年のオリジナルカレンダーを作りました。 今年も猫のイラストのデザインにしました。 お世話にな … 続きを読む

2018.12.04

Twitter

電話で問合せ