紧急求助JS如何实现按时段隐藏和显示DIV内容?

Question

<div id="now">我原本是没有的，当close关了，我要显示出来</div>
<div class="yet">这里是要隐藏的</div>

求助各位大神，如何用JS实现某个时段如9点到10点,让DIV “now”显示,“yet”关闭,其他时段只显示yet，不显示now?

Answer 1

<div id="now" style="display: none;">我原本是没有的，当close关了，我要显示出来</div>
        <div class="yet" style="display: none;">这里是要隐藏的</div>

        <script>
            setInterval(()=>{
                var myDate = new Date();
                var hours = myDate.getHours();
                console.log(hours);
                if(hours == 9){
                    document.getElementById("now").style.display = "block";
                    document.getElementsByClassName("yet")[0].style.display = "none";
                }
                else{
                    document.getElementById("now").style.display = "none";
                    document.getElementsByClassName("yet")[0].style.display = "block";
                }
            },1000)
        </script>