在一定时间后出现div的代码

Question

我正在寻找在网站上一定时间后出现div的代码。这是我正在谈论的那种事情：

<div class="container">
<div class="secretpopout">
This is the div I want to pop out after a couple of minutes.
</div>
</div>

我对javascript和jQuery相对较新，但我假设我需要使用setTimeout或类似的东西。我已经尝试在网上找到答案了，但是如果有人能够以某种方式解释它，那么设计师（而不是程序员）会得到它，这将是非常好的 - 任何对此有所了解都会非常感激。

谢谢。

Answer 1

您可以使用.delay()在jQuery 1.4+中使用非常少的代码执行此操作，如下所示：

$(function() {
  $(".secretpopout").delay(120000).fadeIn();
});

这会在2分钟后显示出来，只需给它一些CSS，这样它最初是隐藏的：

.secretpopout { display: none; }