使用 JS HTML 和 CSS 将"night time"图像交换为任何时区？

Question

我已经查看了有关如何基于时间更改图像的一些答案，但是我的问题更"深度"。我希望这不是太不可能！

基本上我有两个图像：夜间图像和白天图像。

根据观众系统时间，我想实现的是让我的网站在晚上8点将图像交换为同一图像的"夜间版本"，然后在凌晨6点换回原始的"白天时间"图像。

也就是说，每隔8点至凌晨6点，它应该显示夜间图像，从凌晨6点到晚上8点，应该显示白天图像。如何实现？有可能吗？

如果是这样，如果有人可以提出一个很好的解决方案！如果不是至少我指向正确的方向大声笑。

编辑：我应该补充一点，我知道的JavaScript很少。很抱歉！因此，我可能需要一些解释如何实施时间函数来交换图像。

谢谢！X

Answer 1

使用日期对象获取当前小时：

var today = new Date();
var hour = today.getHours();
if (hour > 6 && hour < 20) {
    //Day time
} else {
    //Night time
}

Answer 2

javascript：如果时间＆gt; = 9:30然后

可能会有所帮助！只需写一个JS方法即可交换图像URL。我很确定JS Date（）对象从当地时间读取（即读者/查看器的系统时间）。