表示期間を指定する

キャンペーン期間中のみバナーを表示させたい場合がある。
ググってみたところずばりの内容が見つかったのでリンクしておく。

→　こちらのサイト

<style>
.timerHidden{ display: none;}<br />
.timerVisible{ display: block;}<br />
</style>

<script type=”text/javascript”>
var myClass = document.getElementsByClassName(“timerHidden”);
for (var i = 0; i < myClass.length; i++){
var appearTime = myClass[i].getAttribute(“data-appear_time”);
var disappearTime = myClass[i].getAttribute(“data-disappear_time”);
var threshould_start = Date.parse(appearTime);
var threshould_end = Date.parse(disappearTime);
var current = new Date();
if (threshould_start < current && threshould_end > current) {
// HTMLで設定した期間
myClass[i].classList.add(“timerVisible”);
} else {
// 上の期間外の場合
myClass[i].classList.remove(“timerVisible”);
}
}
</script>
<div class=”timerHidden” data-appear_time=”2023/10/01 00:00:00″ data-disappear_time=”2023/10/31 23:59:59″>

<!– ここに表示させたい内容を記述 –>

</div>