teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

1

tuiki

2021/06/29 08:04

投稿

yambejp
yambejp

スコア117902

answer CHANGED
@@ -11,4 +11,24 @@
11
11
  <span class="new">2021/06/01 00:00:00</span>
12
12
  <span class="new">2021/07/01 00:00:00</span>
13
13
  <span class="new">2021/08/01 00:00:00</span>
14
+ ```
15
+ # 追記
16
+ ```javascript
17
+ <script>
18
+ window.addEventListener('DOMContentLoaded', ()=>{
19
+ setInterval((function func(){
20
+ const now=new Date();
21
+ document.querySelectorAll('.new:not([hidden])').forEach(x=>{
22
+ x.hidden=!(Date(x.textContent) && now<new Date(x.textContent));
23
+ });
24
+ return func;
25
+ })(),1000);
26
+
27
+ });
28
+ </script>
29
+ <span class="new">2021/05/01 00:00:00</span>
30
+ <span class="new">2021/06/01 00:00:00</span>
31
+ <span class="new">2021/07/01 00:00:00</span>
32
+ <span class="new">2021/08/01 00:00:00</span>
33
+ <span class="new">test</span>
14
34
  ```