一定時間後に実行
セール終了でバナー下げるとか、夜中に起きて処理するのイヤなので、一定時間後に何をどうする、みたいな処理をする
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>
この記事が気に入ったらサポートをしてみませんか?