Javascript tumblr背景改变取决于一天的时间

时间:2014-04-18 21:02:13

标签: javascript tumblr

好的,所以我试图改变我的tumblr主题,以便背景根据一天中的时间而变化。 这是javascript代码:

<script type="text/javascript">
var currentTime = new Date().getHours();
if (7 <= currentTime && currentTime < 20) {
    if (document.body) {
        document.body.background = "http://itsnotch.com/tumblr/images/daytime_bg.jpg";
    }
}
else {
    if (document.body) {
        document.body.background = "http://itsnotch.com/tumblr/images/nighttime_bg.jpg";
    }
}

</script>

这是总HTML,因此您可以看到它的去向。谁能帮我? http://pastebin.com/LkwvcDKx

1 个答案:

答案 0 :(得分:0)

根据我上面的评论,看到主题已经调用jquery我有一个更简单的jquery解决方案。如果您需要预备JS,那么请说(我确实尝试实现它,但无法正确获得语法)。

<script type="text/javascript">
var currentTime = new Date().getHours();
   if (7 <= currentTime && currentTime < 20) {
      $('body').css('background','url("http://itsnotch.com/tumblr/images/daytime_bg.jpg")');        
   }
   else {
      $('body').css('background','url("http://itsnotch.com/tumblr/images/nighttime_.jpg")');
   }
</script>

我在这里做了一个小提琴: http://jsfiddle.net/9JAG4/