使用Javascript更改背景图像，只显示第一个图像一次

Changing Background image with Javascript, only display first image once

本文关键字：图像 第一个 一次 显示 Javascript 背景 使用      更新时间：2023-09-26

我使用以下代码来更改我的html页面的背景图像，但是我只希望第一个图像显示一次，而其他图像保持旋转。寻找帮助，我应该改变/添加到这个代码发生

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script>
$(document).ready(function() {
    var header = $('body');
    var backgrounds = new Array(
        'url(http://www.example.com/image-1.png)', 'url(http://www.example.com/image-2.png)', 'url(http://www.example.com/image-3.png)'
    );
    var current = 0;
    function nextBackground() {
        current++;
        current = current % backgrounds.length;
        header.css('background-image', backgrounds[current]);
    }
    setInterval(nextBackground, 7500);
    header.css('background-image', backgrounds[0]);
});
</script>

Thanks in advance

把你的nextBackground函数改成:

function nextBackground() {
    current++;
    if (current === backgrounds.length)
        current = 1;
    header.css('background-image', backgrounds[current]);
}
相关文章：