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

时间:2014-01-20 15:54:50

标签: javascript jquery html css image

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

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

我想要实现的是让我的网站根据观众系统时间在晚上8点将图像交换到同一图像的“夜间版本”,然后在早上6点交换回原始的“白天时间”图像。

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

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

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

谢谢! X

2 个答案:

答案 0 :(得分:7)

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

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

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

答案 1 :(得分:1)

JavaScript: IF time >= 9:30 then

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