javascript - 使用 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
}