Jquery，用计时器改变背景图像

我有两个用于本网站的背景图片，我希望它们每5秒自动更改一次。 有人可以看看我的jQuery代码并告诉我我做错了什么？

$(function() { var body = $('body'); var backgrounds = new Array( 'url(images/hso-palmtree-background.jpg)', 'url(images/hso-boardwalk-background.jpg)' ); var current = 0; function nextBackground() { body.css( 'background', backgrounds[current = ++current % backgrounds.length] ); setTimeout(nextBackground, 5000); } setTimeout(nextBackground, 5000); body.css('background', backgrounds[0]); }); 

Answer 1

你的代码是正确的，你只需要改变反引号。 改为'到' 。

这是一个清洁的版本： http ： //jsfiddle.net/X2NqX/

 $(function () { var body = $('body'); var backgrounds = [ 'url(http://sofzh.miximages.com/jquery/jsbin_static.png)', 'url(http://sofzh.miximages.com/jquery/popout.png)']; var current = 0; function nextBackground() { body.css( 'background', backgrounds[current = ++current % backgrounds.length]); setTimeout(nextBackground, 5000); } setTimeout(nextBackground, 5000); body.css('background', backgrounds[0]); });