jquery PHP每10秒刷新一次背景图片

Question

我正在为我的爱好电台的网页工作。我已经展示了哪位艺术家和标题正在播放。但是现在我想看看艺术家的背景在变化。所以当Phil Collins打球时，我很想在我的背景上看到Phil COllins的图像。

我已经想通了，我怎么可以加载一个背景图像使用jQuery：

$(".container").css("background-image", "url('images/bg/artist/<?php echo $newartist; ?>.jpg')"); 

但我想不通我怎么可以显示在页面加载的背景和刷新每10秒。

希望有人能帮助我。

在此先感谢！

Krijn

Answer 1

你可以尝试setInterval(function(){ alert("Hello"); }, 3000);

http://www.w3schools.com/jsref/met_win_setinterval.asp

Answer 2

首先关闭所有我注意到您在使用PHP在js的片段在那里得到打印的艺术家。不确定是否将js设置为初始图像的最佳选项，因为它必须等到该javascript执行完毕。你也可以同样设置直接在容器上：

<div 
    class='container' 
    style='background-image: url('images/bg/artist/<?= $newartist; ?>.jpg')' 
> 
    ... 
</div> 

现在以更新的形象，你需要获取当前艺术家低谷阿贾克斯。所以你需要一些简单的PHP脚本，可以返回当前的艺术家。然后，您可以调用脚本，像这样：

function updateArtist() { 
    $.ajax({ 
     method: 'GET', 
     url: 'current_artist.php', 
     success: function(newArtist) { 
      $(".container").css("background-image", "url('images/bg/artist/" + newArtist + ".jpg')"); 
     } 
    }); 
} 

，并自动做到这一点每隔10秒，你可以把它放在一个区间：

setInterval(updateArtist, 10000); 

只是一些伪代码从我的头顶，但它应该指向正确的方向。随意询问是否有任何不清楚的地方。

Answer 3

您可以使用

setTimeout(function(){ alert("Hello"); }, 10000); 

See Demo Here: