基于时间的javascript，创建大约30分钟的空白响应

首先-提前感谢您的帮助。 我有一个基于图像的幻灯片，叫做#photo1，2，3。使用javascript根据一天中的不同时间段更改图像（实际上是图像文件夹，所有图像都有相同的名称，所以只需更改根文件夹）。（上午9点至11点、上午11点至下午3点、下午3点至6点、下午6点至9点）。为了以防万一，我将图像存储在dropbox上（这样我的好友可以随意更改它们，提供的链接很旧，目前无法使用）。 这一切似乎都在起作用，大约在更改时间后的前30分钟内接受，它将变为空白。然后又能正常工作了。 思想？我对javascript不是很在行，所以如果我在这方面完全错了，我愿意接受新的方法

Javascript代码：

$(document).ready(function(){

var d = new Date();
var n = d.getHours();

  // If time is after 9AM or before 11AM
if (n > 9 && n < 11) {
$("img#photo1").attr("src","https://dl.dropboxusercontent.com/s/324....67l/ad1.jpg?dl=0");
$("img#photo2").attr("src","https://dl.dropboxusercontent.com/s/5i9f....m10z/ad2.jpg?dl=0");
$("img#photo3").attr("src","https://dl.dropboxusercontent.com/s/n7....66/ad3.jpg?dl=0");
}

else if (n > 11 && n < 15) {
 $("img#photo1").attr("src","https://dl.dropboxusercontent.com/s/31p....rw3r/ad1.jpg?dl=0");
 $("img#photo2").attr("src","https://dl.dropboxusercontent.com/s/h3m....tsqy/ad2.jpg?dl=0");
 $("img#photo3").attr("src","https://dl.dropboxusercontent.com/s/zr9....kzja/ad3.jpg?dl=0");
 }

else if (n > 15 && n < 18) {
 $("img#photo1").attr("src","https://dl.dropboxusercontent.com/s/5li....y2w/ad1.jpg?dl=0");
 $("img#photo2").attr("src","https://dl.dropboxusercontent.com/s/no....twr2/ad2.jpg?dl=0");
 $("img#photo3").attr("src","https://dl.dropboxusercontent.com/s/ojjn....i1g/ad3.jpg?dl=0");
 }

else if (n > 18 || n < 9) {
 $("img#photo1").attr("src","https://dl.dropboxusercontent.com/s/kn3ch....s7g0/ad1.jpg?dl=0");
 $("img#photo2").attr("src","https://dl.dropboxusercontent.com/s/dhxi5....04/ad2.jpg?dl=0");
 $("img#photo3").attr("src","https://dl.dropboxusercontent.com/s/mb51....336/ad3.jpg?dl=0");
 }

// runs the code every hour, probably there is a much better way to do this 
setTimeout(function(){window.location.reload();}, 3600000)

});

$（文档）.ready（函数（）{
var d=新日期（）；
var n=d.getHours（）；
//如果时间是上午9点之后或上午11点之前
如果（n>9&&n<11）{
$（“img#photo1”）.attr（“src”，”https://dl.dropboxusercontent.com/s/324....67l/ad1.jpg?dl=0");
$（“img#photo2”）.attr（“src”，”https://dl.dropboxusercontent.com/s/5i9f....m10z/ad2.jpg?dl=0");
$（“img#photo3”）.attr（“src”，”https://dl.dropboxusercontent.com/s/n7....66/ad3.jpg?dl=0");
}
否则如果（n>11&&n<15）{
$（“img#photo1”）.attr（“src”，”https://dl.dropboxusercontent.com/s/31p....rw3r/ad1.jpg?dl=0");
$（“img#photo2”）.attr（“src”，”https://dl.dropboxusercontent.com/s/h3m....tsqy/ad2.jpg?dl=0");
$（“img#photo3”）.attr（“src”，”https://dl.dropboxusercontent.com/s/zr9....kzja/ad3.jpg?dl=0");
}
否则，如果（n>15&&n<18）{
$（“img#photo1”）.attr（“src”，”https://dl.dropboxusercontent.com/s/5li....y2w/ad1.jpg?dl=0");
$（“img#photo2”）.attr（“src”，”https://dl.dropboxusercontent.com/s/no....twr2/ad2.jpg?dl=0");
$（“img#photo3”）.attr（“src”，”https://dl.dropboxusercontent.com/s/ojjn....i1g/ad3.jpg?dl=0");
}
否则如果（n>18 | | n<9）{
$（“img#photo1”）.attr（“src”，”https://dl.dropboxusercontent.com/s/kn3ch....s7g0/ad1.jpg?dl=0");
$（“img#photo2”）.attr（“src”，”https://dl.dropboxusercontent.com/s/dhxi5....04/ad2.jpg?dl=0");
$（“img#photo3”）.attr（“src”，”https://dl.dropboxusercontent.com/s/mb51....336/ad3.jpg?dl=0");
}
//每小时运行一次代码，可能有更好的方法
setTimeout（函数（）{window.location.reload（）；}，3600000）
});

当小时数为9、11、15或18时，您的任何条件都不匹配，也不会显示任何内容。将条件更改为：

if (n >= 9 && n < 11) {
  // ...
}
else if (n >= 11 && n < 15) {
  // ...
}
else if (n >= 15 && n < 18) {
  // ...
}
else if (n >= 18 || n < 9) {
  // ...
}

如果（n>=9&&n<11）{
// ...
}
否则如果（n>=11&&n<15）{
// ...
}
否则，如果（n>=15&&n<18）{
// ...
}
else如果（n>=18 | | n<9）{
// ...
}

您排除了9、11、15和18；if语句选择大于或小于。这些数字中的任何一个都是未定义的。

谢谢保罗，现在看起来似乎很明显。非常感谢。