javascript - jQuery .each 中带有 setTimeout() 的可变计时器

Question

我想以幻灯片形式循环浏览一堆 jpg 图片。到目前为止，我一直在成功使用 setInterval 。但是，我现在希望每张幻灯片都有自定义时间。例如幻灯片 1 显示 6 秒，然后幻灯片 2 显示 3 秒，依此类推。我尝试了以下代码:

var sl = [["PodLoop1.jpg", 6000], ["PodLoop2.jpg", 3000]];
$.each(sl, function(i, value) {
    fl = '<img src="media/' + value[0] + '" height="100%">'
    setTimeout(function(){
        $("#InnerMedia").html(fl);
        if (i >= sl.length) {
            window.location.href = "./media.php"; // refresh to restart from the beginning
        }
    }, value[1])
});

但这行不通。它只是跳到列表中的最后一张幻灯片。我究竟做错了什么？我看过几个类似的问题，例如this one ，但它们似乎都没有处理可变计时器。

Answer 1

i永远不会等于sl.length将代码更改为 i >= sl.length-1