Javascript 基于巴塞罗那市时区的代码_Javascript_Jquery_Html

Javascript 基于巴塞罗那市时区的代码

javascript jquery html

Javascript 基于巴塞罗那市时区的代码,javascript,jquery,html,Javascript,Jquery,Html,我有一个代码试图让巴塞罗那城市小时向我展示一个特定的背景和图像（基于一天中的时间），但似乎这是行不通的 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) {

我有一个代码试图让巴塞罗那城市小时向我展示一个特定的背景和图像（基于一天中的时间），但似乎这是行不通的

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

var now=newdate（）；
var offset=now.getTimezoneOffset（）；
var barcelona=新日期（现在+（偏移量+2*60）*60*1000）；
var n=barcelona.getHours（）；
//如果（n>23 | | n<2）为凌晨1-2点{
文件。写（“”）；
$（“img#photo1”）.attr（“src”、“images/head5.png”）；
}
//如果（n>24 | | n<4）为凌晨2-3点{
文件。写（“”）；
$（“img#photo1”）.attr（“src”、“images/head4.png”）；
}
//所以，继续，所有的时间

这是我的HTML代码

<div class="Center-child-div">
    <div class="child-div">
        <img src="" id="photo1" />
    </div>
</div>

为什么不改变背景，不显示相应的.png图像？可能的解决方案？谢谢，我运行了你的代码。问题是你有太多的结束括号。下一次，您可以打开控制台日志，它将为您提供任何正在发生的Javascript错误。如果Javscript遇到错误，它将在该点停止运行，并且在该点之后的任何代码都不会运行

这是我使用的代码，并让它工作

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");

var now=newdate（）；
var offset=now.getTimezoneOffset（）；
var barcelona=新日期（现在+（偏移量+2*60）*60*1000）；
var n=barcelona.getHours（）；
//如果（n>23 | | n<2）为凌晨1-2点{
文件。写（“”）；
$（“img#photo1”）.attr（“src”、“images/head5.png”）；
//如果（n>24 | | n<4）为凌晨2-3点{
文件。写（“”）；
$（“img#photo1”）.attr（“src”、“images/head4.png”）；

另外，我不确定是否在某个地方包含jQuery，但是如果没有它，就不能使用

引用。

请尝试

&&

操作符，而不是

。另外，请注意

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

var now=new Date（），
offset=now.getTimezoneOffset（），
巴塞罗那=新日期（现在+（偏移量+2*60）*60*1000），
n=barcelona.getHours（）；
//凌晨1-2点
如果（n>24&&n<3）{
$（'body'）.css({
“背景色”：“2e3348”，
“颜色”：“fff”
});
$（“img#photo1”）.attr（“src”、“images/head5.png”）；
}否则
//凌晨2-3点
如果（n>1&&n<4）{
$（'body'）.css({
“背景色”：“2e3348”，
“颜色”：“fff”
});
$（“img#photo1”）.attr（“src”、“images/head4.png”）；
}否则
//……如果

控制台日志上写的是什么？

文档。写（“”）

OMG请不要这样做。使用这个：

$（“body”）.css（{“background color”：“#2E3348”，“color”：“#FFF”}）

谢谢@Matei Mihai，但是当我运行完整的代码时，这个更正仍然显示一个纯白色的背景（浏览器）没有任何图像或背景：在html页面中，必须有

标记。这似乎也不起作用：（@noahdotgansallo