根据一天中的时间更改背景

时间:2011-09-08 14:43:00

标签: javascript jquery

我试着写一个脚本来改变我的身体背景,无论是上午还是下午,我有以下,只有它不起作用,有人能看出原因吗?

<!-- Change background -->
var currentTime = new Date().getHours();
if (7 <= currentTime && currentTime < 20) {
    if (document.body) {
        document.body.background = "images/backgrounds/day.jpg";
    }
}
else {
    if (document.body) {
        document.body.background = "images/backgrounds/night.jpg";
    }
}
<!-- Change background -->

3 个答案:

答案 0 :(得分:1)

一个好主意是实际使用jQuery选择器并修改CSS:

$('body').css({
    background: 'url(yourUrl)'
});

答案 1 :(得分:0)

这可能有几个问题

1)我似乎无法访问这两个图像。它们实际上是在您指定的路径上吗?

http://int.test.venndigital.co.uk/correlatesearch/_includes/images/backgrounds/day.jpg http://int.test.venndigital.co.uk/correlatesearch/_includes/images/backgrounds/night.jpg

答案 2 :(得分:0)

这应该是你需要的。你应该真的尝试学习javascript,而不是仅仅让人们为你写它。无论是那个还是雇用其他人来完成这项工作。

$('body').css('background-image', function(){
  var url, hour = new Date().getHours();
  if (hour > 7 && hour < 20) {
    return 'http://example.com/day.jpg';
  } else {
    return 'http://example.com/night.jpg';
  }
});