在一定时间后出现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

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

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

这将在2分钟后显示,只需给它一些CSS,所以它最初是隐藏的:

.secretpopout { display: none; }