几秒后显示弹出窗口...

时间:2015-04-02 20:05:02

标签: javascript popup intervals

我正在为我的网站使用一个简单的弹出窗口,这是下面的代码,我想在几秒钟之后显示弹出窗口,

请帮忙

<script type='text/javascript'>

$(function(){
var overlay = $('<div id="overlay"></div>');
overlay.show();
overlay.appendTo(document.body);

$('.popup').show();
$('.close').click(function(){
$('.popup').hide();
overlay.appendTo(document.body).remove();

return false;
});

$('.x').click(function(){
$('.popup').hide();
overlay.appendTo(document.body).remove();
return false;
});
});
</script>

2 个答案:

答案 0 :(得分:1)

将显示弹出窗口的行换行到setTimeout中,如下所示:

setTimeout(function(){
    $('.popup').show();
}, 5000);

答案 1 :(得分:0)

您可以使用delay()方法,例如:

$('.popup').delay(3000).fadeIn(100);

演示:http://jsfiddle.net/54pzpfp1/

相关问题