一天中不同的时间背景不同？
一天中不同的时间背景不同？
提问于 2011-06-19 10:07:59
可能重复：
Changing background based on time of day (using javascript)
我希望创建一个网站，在那里的背景旋转在文件上的不同时间的一天。我是否可以根据服务器或脚本时钟，在特定的时间内绑定一些javascript来更改背景？
我希望有一个白天/下午/晚上/晚上/黎明的背景，我想要循环通过。
回答 3
Stack Overflow用户
发布于 2011-06-19 10:09:50
使用this question中的代码，获取本地时间，并更改元素的CSS，这将保留背景。
Stack Overflow用户
发布于 2011-06-19 10:14:01
您可以这样做，然后将i变量传递给元素background-image
var d = new Date(),
h = d.getHours(),
i;
if (h < 6) i = "night.jpg";
else if (h < 9) i = "dawn.jpg";
else if (h < 15) i = "afternoon.jpg";
else if (h < 21) i = "day.jpg";
else i = "night.jpg";
document.body.style.background = "url("+i+")";http://jsfiddle.net/niklasvh/UZG9z/
Stack Overflow用户
发布于 2011-06-19 10:39:30
将其添加到HTML文档的标题中：
<script type="text/javascript">
(function(){
var styles = ['night', 'dawn', 'afternoon', 'day', 'evening'];
var currStyle = styles[Math.floor(styles.length * (new Date()).getHours() / 24)];
document.documentElement.className += ' ' + currStyle;
}());
</script>然后，在您的CSS中，您可以使用如下内容：
.night #myelement {
background-image: url(myImage.jpg);
}
.day body {
background-color: red;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/6401775
复制相关文章
相似问题
腾讯云开发者
