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

zoenbo
  • 21

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

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

回复
阅读 452
2 个回答
function show(now) {
    var displayArr = ['block', 'none']
    document.getElementById('now').style.display = displayArr[+now]
    for (let item of document.getElementsByClassName('yet')) {
      item.style.display = displayArr[1 - +now]
    }
}
function tick(hours) {
    var currentHour = new Date().getHours()
    show(!~hours.indexOf(currentHour))
}


setInterval(()=>{tick([9,15,16])}, 1000)  // 表示 早上9点-10点剑,下午3点-5点间. 每秒轮询检查当前时间决定是否隐藏

开个定时器判断

你知道吗?

宣传栏