我有一个代码试图让巴塞罗那城市时间也向我显示特定的背景和图像(基于一天中的时间),但似乎不起作用。
JAVASCRIPT 代码
var now = new Date();
var offset = now.getTimezoneOffset();
var barcelona = new Date(now + (offset + 2*60)*60*1000);
var n = barcelona.getHours();
//1-2am if (n > 23 || n < 2) {
document.write('<body bgcolor="#2e3348" text="#FFFFFF">');
$("img#photo1").attr("src","images/head5.png");
}
//2-3am if (n > 24 || n < 4) {
document.write('<body bgcolor="#2e3348" text="#FFFFFF">');
$("img#photo1").attr("src","images/head4.png");
}
// and so go on - all the hours
这是我的 HTML 代码
<div class="Center-child-div">
<div class="child-div">
<img src="" id="photo1" />
</div>
</div>
有什么解释为什么不更改背景,不显示相应的 .png 图像吗?可能的解决方案?谢谢
最佳答案
尝试使用 &&
运算符代替 ||
。还要多注意 if
条件:
var now = new Date(),
offset = now.getTimezoneOffset(),
barcelona = new Date(now + (offset + 2*60)*60*1000),
n = barcelona.getHours();
// 1-2am
if (n > 24 && n < 3) {
$('body').css({
'background-color': '#2e3348',
'color': '#fff'
});
$("img#photo1").attr("src","images/head5.png");
} else
// 2-3am
if (n > 1 && n < 4) {
$('body').css({
'background-color': '#2e3348',
'color': '#fff'
});
$("img#photo1").attr("src","images/head4.png");
} else
// ......... if
关于javascript - 基于巴塞罗那市时区的代码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31701998/