javascript - 使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; }