https://www.mbs.jp/common/js/timer.js

1//■指定日時以降は非表示にする
2//使用例…hiddentimer("2018-09-30T12:00:00+09:00","対象要素のID");
3function hiddentimer(targettime, targetid) {
4    const element = document.getElementById(targetid);
5    // 要素が存在しない場合は何もしない
6    if (!element) return;
7
8    const endDate = new Date(targettime);
9    const today = new Date();
10
11    if (today > endDate) {
12        element.style.display = "none";
13    }
14}
15
16//■指定日時以前は非表示にする、つまり指定日時以降表示される
17//使用例…showtimer("2018-09-30T12:00:00+09:00","対象要素のID");
18function showtimer(targettime, targetid) {
19    const element = document.getElementById(targetid);
20    // 要素が存在しない場合は何もしない
21    if (!element) return;
22
23    const staDate = new Date(targettime);
24    const today = new Date();
25
26    if (today < staDate) {
27        element.style.display = "none";
28    }
29}
30
31//■指定日時以降はdom削除
32//使用例…removetimer("2018-09-30T12:00:00+09:00","対象要素のID");
33function removetimer(targettime, targetid) {
34    const element = document.getElementById(targetid);
35    // 要素が存在しない場合は何もしない
36    if (!element) return;
37
38    const endDate = new Date(targettime);
39    const today = new Date();
40
41    if (today > endDate) {
42        element.remove();
43    }
44}
45
46//■指定日時だけ出す
47//使用例…betweentimer("2018-09-30T12:00:00+09:00","2018-10-07T12:00:00+09:00","対象要素のID");
48function betweentimer(starttime, endtime, targetid) {
49    const element = document.getElementById(targetid);
50    // 要素が存在しない場合は何もしない
51    if (!element) return;
52
53    const startDate = new Date(starttime);
54    const endDate = new Date(endtime);
55    const today = new Date();
56
57    if (startDate > today || today > endDate) {
58        element.remove();
59    }
60}