切换负载和间隔的横幅

时间:2016-07-14 17:23:08

标签: javascript jquery load banner

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

窗口加载好

环{

1-加载横幅1(gif)

2-延迟6000毫秒

3-删除横幅1

4-加载横幅2(gif)

5-延迟7500 ms

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);

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

测试过,但没有成功:

(while logged in as root)
mkdir -p /opt/rabbitmq
sudo chown -R rabbitmq:rabbitmq /opt/rabbitmq
sudo chmod 766 -R /opt/rabbitmq

});

1 个答案:

答案 0 :(得分:0)

我的想法(或解决方案)是创建一个像这样的行动队列:

#bannerkingbong;https://httpbin.org/user-agent

操作类型1 https://httpbin.org/user-agent):

  • #bannerkingbong加载到3000

操作类型2 empty;#bannerultra)整数:

  • 等3秒。

操作类型3 #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>
CreateWords

我希望这会对你有所帮助。