
バナーを自動で張り替えることは簡単です
クラスを付与するコードを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).addClass('gray_out');
}
});
});
htmlに期間を記載
<a href="/#" class="view_timer" data-start-date="2022/3/1 0:00" data-end-date="2022/4/30 0:00">リンク</a>