如何改变每5秒的背景

Question

我有图像background.jpg作为背景.每隔10秒,如何加载一个新的背景background_n.jpg,然后停留100毫秒,然后再返回background.jpg等等？

Answer 1

这是一个例子(不需要jQuery工作):

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;
}

问候,

马克斯

Answer 2

function change_background( new_image_source ) {

  var myimage = $( '#myimage' );

  myimage.attr( 'src', new_image_source );

  setTimeout( function () {

    change_background( 'new image source here' );

  }, 10000);

}