一定時間後に実行

セール終了でバナー下げるとか、夜中に起きて処理するのイヤなので、一定時間後に何をどうする、みたいな処理をする

setTimeout(function(){
    $('.bnr').css("display","none");
},1000);

みたいな感じで、処理は任意変更、1000のとこが時間なので計算する


もしくは

JS

$(document).ready(function() {
 $(".view_timer").each(function(index, target) {
   var startDate = $(this).attr("data-start-date");
   var endDate = $(this).attr("data-end-date");
   var nowDate = new Date();
   if (startDate) {
     startDate = new Date(startDate);
   } else {
     startDate = nowDate;
   }
   if (endDate) {
     endDate = new Date(endDate);
   }
   if (startDate <= nowDate && (!endDate || nowDate <= endDate)) {
     $(this).show();
   } else {
     $(this).hide();
   }
 });
});


HTML

指定した時間まで表示する(2/15 0:00 から非表示にする)

<span class="view_timer" data-end-date="2016/2/15 0:00"></span>


指定した時間までは非表示(2/15 0:00 から表示する)

<span class="view_timer" data-start-date="2016/2/15 0:00"></span>



指定した期間だけ表示する(2/15 0:00 ~ 2/16 0:00 の間だけ表示する)

<span class="view_timer" data-start-date="2016/2/15 0:00" data-end-date="2016/2/16 0:00"></span>


この記事が気に入ったらサポートをしてみませんか?