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

Question

我正在为我的网站使用一个简单的弹出窗口，以下是代码，我希望在几秒钟后显示弹出窗口。

请帮忙。

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

- APEX

---

你可能正在寻找的是JavaScript的setTimeout()函数。友情提示，你可能想养成使用适当缩进格式化代码的习惯——现在的结构很难阅读。 - CodeMoose

Answer 1

将显示弹出窗口的行包装在setTimeout中，如下所示：

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

- Scott Smith

---

还有一件事，我怎么用Javascript在移动设备上禁用弹出窗口？ - APEX

你应该将这个“额外的事情”作为一个新问题添加进去 ;)。 - Naftali

@Naftali，你在你的一面是正确的，但把它放在这里也没关系。 - APEX

获取设备窗口大小并设置条件，例如如果屏幕尺寸较小，则不显示弹出窗口... - Narendra Sharma

Answer 2

你可以使用delay()方法，例如：

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

示例：http://jsfiddle.net/54pzpfp1/

- sinisake