Javascript 带负载和间隔切换横幅

Javascript 带负载和间隔切换横幅,javascript,jquery,load,banner,Javascript,Jquery,Load,Banner,我试图在同一个地方更改两个横幅,让我更好地解释一下: 窗口加载正常 环路{ 1-加载横幅1(gif) 2-延迟6000毫秒 3-移除横幅1 4-加载横幅2(gif) 5-延迟7500毫秒 6-移除横幅2 } 我正在尝试这样做,所以所有帧都正确加载,这就是为什么我需要在正确的时间加载横幅div 我的代码现在(不工作): 如果有人能帮我。。谢谢 对此进行了测试,但没有成功: $(function() { var queue = ["#bannerkingbong;http://smokebu

我试图在同一个地方更改两个横幅,让我更好地解释一下:

窗口加载正常

环路{

1-加载横幅1(gif)

2-延迟6000毫秒

3-移除横幅1

4-加载横幅2(gif)

5-延迟7500毫秒

6-移除横幅2

}

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

我的代码现在(不工作):

如果有人能帮我。。谢谢

对此进行了测试,但没有成功:

$(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);
}))

我的想法(或解决方案)是创建如下操作队列:

["#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
为空#bannerultra

  • 使用选择器
    #bannerultra
    清空元素
现在,您可以使用队列来链接您的操作。以下是将执行队列的代码:

$(函数(){
var queue=[“#bannerkingbong;https://httpbin.org/user-agent,3000,“空的;#bannerkingbong”,#bannerultra;https://httpbin.org/ip,4000,“空的;#bannerultra”];
(函数next(队列){
如果(!queue.length){
返回;
}
var action=queue.shift();
//如果等待操作
如果($.isNumeric(操作)){
setTimeout(函数(){
下一步(排队);
}(行动);
返回;
}
var c=操作。拆分(“;”);
//如果删除操作
如果(c[0]=“空”){
$(c[1]).empty();
返回下一个(队列);
}
//如果荷载作用
$(c[0])。加载(c[1],函数(){
返回下一个(队列);
});        
})(排队);
});


加载
是异步的。如果您希望某个函数仅在该函数完成后启动,则需要使用回调。“不工作”不是正确的问题描述,无法解释实际发生的情况。对不起,我来自巴西,我正在尽最大努力学习英语:)。您的意思是加载时?是的,因为它是一个带有连续帧的gif,没有问题。
$。load
会将响应HTML添加到
#元素
!怎样?你能告诉我我的代码需要更改什么吗?我看了你的URL,他们被破坏了没有HML返回只是重定向!给我你的网址,我会给你一个工作代码!
["#bannerkingbong;https://httpbin.org/user-agent", 
    3000, 
    "empty;#bannerkingbong", 
    "#bannerultra;https://httpbin.org/ip", 
    4000, 
    "empty;#bannerultra"]