10秒后关闭弹出窗口

时间:2016-03-11 22:57:40

标签: javascript jquery popup blogger

弹出窗口在6秒后显示,是的,然后这已经有效了。 我需要在10秒后关闭弹出窗口。如何更改javascript?

演示链接http://helplogger-demo-blog2.blogspot.com/

<script type='text/javascript'>
//<![CDATA[
jQuery.cookie = function(key, value, options) {
    // key and at least value given, set cookie...
    if (arguments.length > 1 && String(value) !== "[object Object]") {
        options = jQuery.extend({}, options);
        if (value === null || value === undefined) {
            options.expires = -1;
        }
        if (typeof options.expires === 'number') {
            var days = options.expires,
                t = options.expires = new Date();
            t.setDate(t.getDate() + days);
        }
        value = String(value);
        return (document.cookie = [
            encodeURIComponent(key), '=',
            options.raw ? value : encodeURIComponent(value),
            options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
            options.path ? '; path=' + options.path : '',
            options.domain ? '; domain=' + options.domain : '',
            options.secure ? '; secure' : ''
        ].join(''));
    }
    // key and possibly options given, get cookie...
    options = value || {};
    var result, decode = options.raw ? function(s) {
        return s;
    } : decodeURIComponent;
    return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;
};
//]]>
</script>
 <script type='text/javascript'>
jQuery(document).ready(function($) {
    if ($.cookie('popup_facebook_box') != 'yes') {
        $('#fbox-background').delay(5000).fadeIn('medium');
        $('#fbox-button, #fbox-close').click(function() {
            $('#fbox-background').stop().fadeOut('medium');
        });
    }
    $.cookie('popup_facebook_box', 'yes', {
        path: '/',
        expires: 7
    });
});
</script>

2 个答案:

答案 0 :(得分:1)

您可以使用setTimeout函数来实现

var timeout = window.setTimeout(function(){ 
    //close the popup here
    $('#fbox-background').stop().fadeOut('medium');
}, 10000);

答案 1 :(得分:0)

这是一个关于倒计时10秒后JavaScript自动弹出窗口关闭的示例,

<p style="text-align:center">This window will close automatically within <span id="counter">10</span> second(s).</p>
<script type="text/javascript">



 function countdown() {

    var i = document.getElementById('counter');

    i.innerHTML = parseInt(i.innerHTML)-1;

 if (parseInt(i.innerHTML)<=0) {

  window.close();

 }

}

setInterval(function(){ countdown(); },1000);

</script>

我找到了它Here。希望这对你有所帮助。