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

How do I make my background change images automatically every 15 seconds? JavaScript? jQuery?

本文关键字：图像 JavaScript jQuery 我的 何使 背景 15秒      更新时间：2023-09-26

我知道这听起来很简单，我在网上搜索了一个脚本，但找不到任何东西。我只想让我的背景每15秒左右自动改变一次。(就像照片幻灯片一样，只是作为背景。)我的样式表控制body标签中的bg图像。谢谢你的帮助。

使用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);
})();

setInterval:

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

<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>
相关文章：