文章/答案/技术大牛

发布

社区首页 >问答首页 >基于实际巴塞罗那时区的背景颜色和元素也会发生变化。

问基于实际巴塞罗那时区的背景颜色和元素也会发生变化。
EN

Stack Overflow用户

提问于 2015-07-25 15:10:48

回答 1查看 125关注 0票数 0

我想得到你的电脑的时间，并根据时间，将身体背景更改为特定的颜色。我还在div中的html文件中间有一个图像，我希望根据小时替换图像的背景。

var now = new Date();
var hours = now.getHours();
var psj=0;
//18-19 night
if (hours > 17 && hours < 20){
    document.write('<body bgcolor="orange" text="#FFFFFF">')
}
//20-21 night
if (hours > 19 && hours < 22){
    document.write('<body bgcolor="orangered" text="#FFFFFF">')
}
//22-4 night
if (hours > 21 || hours < 5){
    document.write
    ('<body bgcolor="black" text="#FFFFFF">')
}
//9-17 day
if (hours > 8 && hours < 18){
    document.write('<body bgcolor="deepskyblue" text="#FFFFFF">')
}
//7-8 day
if (hours > 6 && hours < 9){
    document.write('<body bgcolor="skyblue" text="#FFFFFF">')
}
//5-6 day
if (hours > 4 && hours < 7){
    document.write('<body bgcolor="steelblue" text="#FFFFFF">')
}

<div id="main-img">
    <img src="images/img1.png">
</div>

javascript

html

css

回答 1

Stack Overflow用户

发布于 2015-07-25 15:18:31

尝试这个js，以更改图像的src：

$('#main-img > img').attr('src','NewImage.png');

..。如果-否则的话.就这样。

PS:这是基于jQuery的

你也可以像这样清理你的“如果-其他-结构”：

if( hours>17 && hours<20 ){//18-19 night
    $('body').css({'background-color':'orange','color':'#FFF'});
    $('#main-img > img').attr('src','18_19.png');
} else if(hours>19 && hours<22 ){//20-21 night
    $('body').css({'background-color':'orangered','color':'#FFF'});
    $('#main-img > img').attr('src','20_21.png');
} else if( hours>21 || hours<5 ){//22-4 night
    $('body').css({'background-color':'black','color':'#FFF'});
    $('#main-img > img').attr('src','22_04.png');
} else if( hours>8 && hours<18 ){//9-17 day
    $('body').css({'background-color':'deepskyblue','color':'#FFF'});
    $('#main-img > img').attr('src','09_17.png');
} else if( hours>6 && hours<9 ){//7-8 day
    $('body').css({'background-color':'skyblue','color':'#FFF'});
    $('#main-img > img').attr('src','07_08.png');
} else {//5-6 day
    $('body').css({'background-color':'steelblue','color':'#FFF'});
    $('#main-img > img').attr('src','05_06.png');
}

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/31627920

复制

相似问题

问基于实际巴塞罗那时区的背景颜色和元素也会发生变化。
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问基于实际巴塞罗那时区的背景颜色和元素也会发生变化。EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问基于实际巴塞罗那时区的背景颜色和元素也会发生变化。
EN