在一定间隔后打开弹出窗口并关闭单击锚标记

时间:2016-11-18 10:22:34

标签: jquery html

我想在(5000)之后的某个时间间隔之后打开我的弹出框,然后点击我在弹出框中创建的锚标记来关闭它。

function call() {
    $('.popup-box').fadeIn(500,function(){
        $('.popup').css({ 'transform': 'scale(1, 1)' });
        $('body').css({ 'overflow-y': 'hidden' })
    });
}

function close() {
    $('a.hider').on('click', function() {
        $('.popup').css({ 'transform': 'scale(0, 0)' });
        setTimeout(function() {
            $('.popup-box').fadeOut(500);
            $('body').css({ 'overflow-y': 'scroll' });
        }, 300);
    }); 
}

1 个答案:

答案 0 :(得分:0)

在jquery中使用.delay()方法设置时间间隔延迟

function call() {
    $('.popup-box').delay(5000).fadeIn(500,function(){
        $('.popup').css({ 'transform': 'scale(1, 1)' });
        $('body').css({ 'overflow-y': 'hidden' })
    });
}