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

Question

我已经看过一些关于如何根据时间改变图像的答案，但我的问题是“深入一点”。我希望这不是太不可能！

基本上我有两个图像:一个夜间图像和一个白天时间图像。

我想要实现的是让我的网站在晚上8点将一张图片交换成同一张图片的“夜间版本”，然后在早上6点切换回原来的“白天时间”图像。

也就是说，每8点到6点它应该显示夜间图像，从早上6点到晚上8点应该显示白天的图像。如何才能做到这一点？有可能吗？

如果是这样的话，如果有人能想出一个解决方案，那就太棒了！如果不是，至少给我指明正确的方向。

编辑:我应该补充说，我对javascript知之甚少。非常抱歉！因此，我可能需要解释一下如何实现时间函数来交换图像。

谢谢!X

Answer 1

使用date对象获取当前时间：

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()对象读取本地时间(即读取器/查看器的系统时间)。