如何在javascript或jquery中确定它是白天还是晚上？

我想根据浏览器的时间将不同的CSS表应用到我的站点。 例如，如果它的白天时间，显示day.css或night.css为晚上。

我可以用PHP做到这一点，但它基于服务器时间，而不是浏览器本地时间。

有没有办法在javascript中告诉时间？ 我可能会使用jQuery简单地启动css一旦它解决了。

Answer 1

var hr = (new Date()).getHours(); //get hours of the day in 24Hr format (0-23) 

根据您对日/夜的定义，执行您的魔法:)

PS：如果您的日/夜不是在确切的时间开始，您可以尝试getMinutes() 。

Answer 2

 (new Date).getHours() 

将获得客户端的当地时间（0-23）。 根据该值，交换页面的样式表。 我会将日样式表设置为默认值，并在必要时将其换出。

我最初的想法是，您希望在客户端上尽快执行此操作，以避免任何潜在的浏览器重排 。

Answer 3

我用这个逻辑：

 const hours = new Date().getHours() const isDayTime = hours > 6 && hours < 20