okuden-labo
3/17/2015 - 7:56 AM

【Javascript】指定の日付に表示内容を書き換える ~divをそっくり入れ替えたい場合~

【Javascript】指定の日付に表示内容を書き換える divをそっくり入れ替えたい場合

change-div.html
content_copyfile_download
/*divをそっくり入れ替えたい場合 */

<head>
  <style>
#after {
 display: none;
}
  </style>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  <script>
$(document).ready(function() {
 //今日の日付を取得
 var today = new Date();
 //Xデーを指定
 var xDay = new Date('2015/1/20 11:10');
 //今日の日付とXデー比較
 if(today > xDay){
 //div#beforeを非表示にしdiv#afterを表示する
 $('#before').hide();
 $('#after').show();
 }
});
  </script>
</head>
<body>
<div id="before">Xデー以前の内容</div>
<div id="after">Xデー以降の内容</div>