How to change the background every 5 seconds

Question

I have an image background.jpgas a background. Every 10 years, how to upload a new background background_n.jpgthat stays for 100 ms and then back on background.jpg, etc.?

Answer 1

function change_background( new_image_source ) {

  var myimage = $( '#myimage' );

  myimage.attr( 'src', new_image_source );

  setTimeout( function () {

    change_background( 'new image source here' );

  }, 10000);

}

Answer 2

Here is an example (jQuery is not required to work):

var rotate = false;
function setbackground(){
  window.setTimeout( "setbackground()", 5000);
  newImage = rotate ? 'url(pict1.jpg)' : 'url(pict2.jpg)';
  rotate = !rotate;
  document.getElementById('change').style.backgroundImage = newImage;
}

Hi,

Max

Answer 3

setInterval setTimeout

window.setInterval(function(){    
   window.setTimeout(function(){
       $('div').css('background-image','url(background.jpg)');
   },100);
    $('div').css('background-image','url(background_n.jpg)');
},10000);

example: http://jsfiddle.net/niklasvh/M56A6/

Answer 4

• setTimeout(function, timeout) ( Javascript), function ( ) timeout

  ( 10 ):

  setTimeout(function () {
       alert('I am running!');
  }, 10000);
  

• $(element).css('background-image', 'url(xy.jpg)')
  

• , , .

• setInterval() ( ), setTimeout() .

Answer 5

setInterval n setTimeout , :

window.setInterval(function(){
  $('body').css('backgroundImage', 'url(background_n.jpg)');
  window.setTimeout(function(){
    $('body').css('backgroundImage', 'url(background.jpg)');
  }, 100);
}, 10 * 1000);

Answer 6

javascript setTimeout() JQuery

d = new Date();
$("#myimg").attr("src", "/myimg.jpg?"+d.getTime());