显示两个div，一个接一个，然后再调用另一个页面

Question

我正在尝试执行以下操作。 我有两个div，在页面加载中显示第一个div逐渐消失。显示x的时间，然后淡出第一格，同时淡入第二格。

这是我到目前为止所拥有的：

$(document).ready(function() {
    loopbox();
    function loopbox() {
        $('#page1').fadeIn(1000).delay(9000).fadeOut(1000, function() {
            $('#page2').fadeIn(1000).delay(9000).fadeOut(1000, function() {
                loopbox();
            });
        });
    }
    window.setTimeout(function(){
        window.location.href = "arrive_ad19.php";
    }, 5000);

});

我需要做的是在第二个div显示x倍的时间后调用另一个页面。

在此先感谢您的帮助和时间。

Answer 1

这是您想要的吗？

 $('#page1').fadeIn(1000).delay(9000).fadeOut(1000, function() {
     $('#page2').fadeIn(1000).delay(9000).fadeOut(1000, function() {
         window.location.href = "arrive_ad19.php";
     });
 });