Question

我知道这听起来很简单，我在网络上搜索脚本但却无法找到任何内容。我只想让我的背景每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

<script src="http://codeorigin.jquery.com/jquery-2.0.3.min.js"></script>
<script style="text/javascript">
    (function () {
        var curImgId = 0;
        var numberOfImages = 5; // Change this to the number of background images
        window.setInterval(function() {
            $('body').css('background','url("'+ curImgId +'.jpg")');// set the image path here
            curImgId = (curImgId + 1) % numberOfImages;
        }, 15 * 1000);
    })();

</script>

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

3 个答案: