横幅图片的 JavaScript 递归函数

Question

我试图创建一个旋转横幅来循环一些图像。

const images = [url1, url2 url3]
const rotate = (url) => {
    document.getElementById('banner').style.background = url
    rotate(next)
}

网址是正确的完整路径，只是在此处进行了缩短。我正在努力解决如何在上面的代码中找到下一个。这是我根据示例编写的一些代码。我不是一个最近才开始的 js 程序员。感谢您的帮助。

Answer 1

这是一种方法:

const rotate = (element, delay, urls) => {
    let current = 0;
    (function next() {
        element.style.background = url[current]; // set image
        current = (current + 1) % urls.length;   // update for next pass
        setTimeout(next, delay);                 // recycle
    })();                                        // start immediately
};

用法:

rotate(document.getElementById('banner'), 5000, [url1, url2, url3]);

显示最后一个图像后，模算术将current重置为零。