使用 JS HTML 和 CSS 在“夜间”交换任何时区的图像？

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: IF time >= 9:30 then

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