jquery - 如何使用 jquery 循环 iframe？

Question

我有两个 iframe。页面加载时，iframe1 在 8 秒后加载，我需要显示 iframe2 在无限循环中替换 iframe1。

我尝试了以下代码，并将超时设置为8秒和10秒，但iframe1在2秒内发生了变化。

function preview() {
    $('#iframe1').hide();
    $('#iframe2').show();
    setTimeout(function() {
        $('#iframe2').hide();
        $('#iframe1').show();
    }, 8000);
};
setInterval(preview, 10000)

上面的加载也不顺利。如何无缝地显示/隐藏它们？

Answer 1

您可以使用递归函数执行此操作并传递参数

$('#iframe2').hide();
animateInfinite('#iframe', 1)

function animateInfinite(str, last) {
    $(str + last).show();
    setTimeout(function () {
        $(str + last).hide();
        animateInfinite('#iframe', ((last == 1) ? 2 : 1));  
    }, 8000)    
}

或者使用setinterval

var iframe = $('[id^=iframe]').hide();
iframe.eq(0).show();
setInterval(function () {
    iframe.toggle();
}, 1000);

<强> DEMO