Jquery, changing background image with timer

前端 未结 1 461
星月不相逢
星月不相逢 2020-12-06 03:12

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

相关标签:
1条回答
  • 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]);
    });
    
    0 讨论(0)
提交回复
热议问题