使用负载和间隔切换横幅

Question

我正在尝试在同一个地方更改 2 个横幅，让我解释一下：

窗口加载正常

循环{

1- 加载横幅 1 (gif)

2- 延迟 6000 毫秒

3- 删除横幅 1

4- 加载横幅 2 (gif)

5- 延迟 7500 毫秒

6- 删除横幅 2

}

我正在尝试这样做，所以所有帧都正确加载，这就是为什么我需要在正确的时间加载横幅 div。

我的代码现在（不工作）：

    $( window ).load(function() {
    function go() {
        $("#bannerkingbong").load("banner_king_bong.php");

        setTimeout(function(){
            $('#bannerkingbong a').remove();
        }, 6000);

        $("#bannerultra").load("banner_ultra420.php");

        setTimeout(function(){
            $('#bannerultra a').remove();
        }, 7500);
    }
    go();
});

如果有人可以帮助我.. 我很感激 :) 谢谢。

对此进行了测试，但没有成功：

$(function() {    
var queue = ["#bannerkingbong;http://smokebuddies.com.br/banner_king_bong.html", 3000, "empty;#bannerkingbong", "#bannerultra;http://smokebuddies.com.br/banner_ultra420.html", 4000, "empty;#bannerultra"];

(function next(queue) { 
    if(!queue.length) {
        return;
    }
    var action = queue.shift();

    //If wait action
    if($.isNumeric(action)) {
        setTimeout(function() {
            next(queue);
        }, action);
        return;
    }


    var c = action.split(";");

    //If remove action
    if(c[0] === 'empty') {
        $(c[1]).empty();
        return next(queue);
    }

    //If load action
    $(c[0]).load(c[1], function() {
        return next(queue);
    });        
})(queue);

});

Answer 1

我的想法（或解决方案）是创建一个这样的操作队列：

["#bannerkingbong;https://httpbin.org/user-agent", 
    3000, 
    "empty;#bannerkingbong", 
    "#bannerultra;https://httpbin.org/ip", 
    4000, 
    "empty;#bannerultra"]

动作类型 1（#bannerkingbong;https://httpbin.org/user-agent）：

• 将https://httpbin.org/user-agent 加载到#bannerkingbong。

动作类型 2（3000）整数：

• 等待 3 秒。

动作类型 3 empty;#bannerultra:

• 用选择器#bannerultra清空元素。

现在，您可以使用队列来链接您的操作。下面是执行队列的代码：

$(function() {    
    
    var queue = ["#bannerkingbong;https://httpbin.org/user-agent", 3000, "empty;#bannerkingbong", "#bannerultra;https://httpbin.org/ip", 4000, "empty;#bannerultra"];
    
    (function next(queue) { 
    	if(!queue.length) {
        	return;
        }
        var action = queue.shift();
        
        //If wait action
        if($.isNumeric(action)) {
        	setTimeout(function() {
            	next(queue);
            }, action);
            return;
        }
        
        
        var c = action.split(";");
        
        //If remove action
        if(c[0] === 'empty') {
        	$(c[1]).empty();
            return next(queue);
        }
        
        //If load action
        $(c[0]).load(c[1], function() {
        	return next(queue);
        });        
    })(queue);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="bannerkingbong">

</div>
<div id="bannerultra">

</div>

希望对你有所帮助。