jQuery的，改变与定时器背景图片 [英] Jquery, changing background image with timer

问题描述

我有我使用本网站两个后台图像，我希望他们能够自动更改每隔5秒。可有人请看看我的jQuery code，告诉我什么，我做错了什么？

  $（函数（）{
VAR体= $（'身体'）;
VAR背景=新阵列（
 '网址（图像/ HSO-棕榈树-background.jpg），
 '网址（图像/ HSO-木板路-background.jpg）
）;无功电流= 0;功能nextBackground（）{
  body.css（
   '背景'，
    背景[电流= ++电流％backgrounds.length]
 ）; 的setTimeout（nextBackground，5000）;
 }
 的setTimeout（nextBackground，5000）;
   body.css（背景，背景[0]）;
 }）;
 

解决方案

您code是正确的，你只需要改变反引号。更改 到 。

下面是一个清洁的版本： http://jsfiddle.net/X2NqX/

  $（函数（）{
    VAR体= $（'身体'）;
    VAR背景= [
      URL（http://static.jsbin.com/images/jsbin_static.png），
      URL（http://static.jsbin.com/images/popout.png）];
    无功电流= 0;    功能nextBackground（）{
        body.css（
            '背景'，
        背景[电流= ++电流％backgrounds.length]）;        的setTimeout（nextBackground，5000）;
    }
    的setTimeout（nextBackground，5000）;
    body.css（背景，背景[0]）;
}）;
 

I have two background images I am using for this website and I want them to change automatically every 5 seconds. Can someone please look at my jQuery code and tell me what I am doing wrong?

$(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]);
 });

解决方案

You code is correct, you just need to change the backticks. Change ‘ to '.

Here is a cleaned revision: http://jsfiddle.net/X2NqX/

$(function () {
    var body = $('body');
    var backgrounds = [
      'url(http://static.jsbin.com/images/jsbin_static.png)', 
      'url(http://static.jsbin.com/images/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]);
});

这篇关于jQuery的，改变与定时器背景图片的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！