搜索/尝试了很多:无法添加弹出显示延迟

时间:2015-10-31 08:37:44

标签: jquery popup

[注意:我不是编程专家。]

我尝试了很多并搜索了这个平台,但没有找到任何解决方案。

我需要在显示弹出框时添加30秒的延迟。我拿了脚本from here。该脚本具有淡出时间,并且工作正常。

检查下面的脚本...我用'delay()'替换'close()'。它不起作用。

<script type="text/javascript">

$(document).ready(function() {
    if($.cookie('the_cookie') != 1) { // If the_cookie not set to 1 then initializes and play calling the popup
        $.cookie('the_cookie', '1', { expires: 1 }); // Value day (s) before expiration of the cookie

        $.fancybox(
             $("#popup").html(),
             {
                type : 'iframe',
                href : '/contact.php', // url vers notre page html qui sera charg?e dans la popup en mode iframe
                maxWidth : 415,
                maxHeight : 475,
                fitToView : false,
                width : '90%',
                height : '95%',
                autoSize : false

        }
        );setTimeout(function(){ $.fancybox.delay(30000) },10000);



    }
});

1 个答案:

答案 0 :(得分:2)

尝试以下代码,

  $(document).ready(function() {
        if($.cookie('the_cookie') != 1) { // Si the_cookie n'a pas pour valeur 1 alors on l'initialise et on joue l'appel de la popup
            $.cookie('the_cookie', '1', { expires: 1 }); // valeur en jour avant expiration du cookie

        //below 3000 is 3 sec delay then popup appears. 
            setTimeout(fire, 3000); 
       //below 5000 is 5 sec dely after that popup closes. 
            setTimeout("parent.$.fancybox.close()", 5000); 
        }
    });

    function fire() {
    $.fancybox(
                 $("#popup").html(),
                 {
                    type : 'iframe',
                    href : 'http://www.site-web-creation.net/source/pub.html', // url vers notre page html qui sera chargée dans la popup en mode iframe
                    maxWidth : 800,
                    maxHeight : 300,
                    fitToView : false,
                    width : '70%',
                    height : '70%',
                    autoSize : false

            }
            );

    }

我希望这有助于解决您的问题。根据您的延误需求而变化。我只是设置计时器来使用函数fire在这种情况下弹出一个事件弹出框。