Javascript getHours（），显示和隐藏

我目前正在开发我的第一个网站，遇到了一个我无法通过的问题。我正在使用JavaScript显示和隐藏HTML中的元素（听起来很简单，对吧？），但它没有按应有的方式工作。即使我在页面上有一个警报，显示变量“hours”返回的数字，在显示正确信息时也会出现一些问题

var today = new Date();
var hours = today.getHours();

alert(hours)

let day = document.querySelector('.day')
let night = document.querySelector('.night')

if (hours > 9 || hours < 12) {
    day.style.display = "block";
    night.style.display = "none";
}

else {
    day.style.display = "none";
    night.style.display = "block";
    
    let blurred = document.querySelector('h1')
    blurred.classList.add('blur');
}

var today=新日期（）；
var hours=today.getHours（）；
警报（小时）
let day=document.querySelector（“.day”）
let night=document.querySelector（“.night”）
如果（小时数>9 | |小时数<12）{
day.style.display=“block”；
night.style.display=“无”；
}
否则{
day.style.display=“无”；
night.style.display=“block”；
让模糊=document.querySelector（'h1'）
fuzzle.classList.add（'blur'）；
}

---

更不用说它最终应该与getUTCHours一起工作，不过我想我会先尝试这种方法。

我认为您指定了一个错误的

if

语句，因为一个小时总是大于9或小于12

---

可能你的意思是，如果（小时>=9&&hours，你会遇到什么问题？你期望发生什么？实际发生了什么？

hours>9 | | | hours<12

总是正确的。一小时总是在9点之后或12点之前。你需要

&

。