使用JS HTML和CSS在"夜间"为任何时区交换图像？

Question

我已经看了一些关于如何根据时间改变图像的答案,但我的问题更加"深入".我希望这不是太不可能!

基本上我有两个图像:夜间图像和日间图像.

我想实现是根据观众的系统时间,有自己的网站交换到同一图像的"夜间版"的图像晚上8点,然后在早上6点交换回原来的"白天"的形象.

也就是说,每隔8PM到6AM它应该显示NIGHT TIME图像,并且从早上6点到晚上8点它应该显示DAY TIME图像.怎么能实现这一目标？可能吗？

如果是这样如果有人能提出一个很棒的解决方案!如果不是至少指向我正确的方向大声笑.

编辑:我应该补充一点,我知道很少的javascript.很抱歉!所以我可能需要一些解释如何实现时间函数来交换图像.

谢谢!X

Answer 1

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

var today = new Date();
var hour = today.getHours();

if (hour > 6 && hour < 20) {
    //Day time
} else {
    //Night time
}