如何每15秒自动更改背景图像？ JavaScript的？ jQuery的？

我知道这听起来很简单，我在网上搜索脚本但是找不到任何东西。 我只想让我的背景每15秒左右自动更换一次。 （如照片幻灯片放映，但作为背景。）我的样式表控制着body标签中的bg图像。 谢谢您的帮助。

Answer 1

使用setInterval ，您可以在井间隔中调用任意函数：

 (function() { var curImgId = 0; var numberOfImages = 42; // Change this to the number of background images window.setInterval(function() { $('body').css('background-image','url(/background' + curImgId + '.jpg)'); curImgId = (curImgId + 1) % numberOfImages; }, 15 * 1000); })(); 

Answer 2

使用setInterval非常简单：

 var currentIndex = 1; var totalCount = 21; setInterval(function() { if (currentIndex > totalCount) currentIndex = 1; $(body).css('background-image', 'url(/bg' + currentIndex++ + '.jpg)'); }, 15000); 

Answer 3