javascript - 页面加载 10 秒后显示 div

Question

我有这个脚本，我已经能够使其在 20 秒内淡出，但我希望页面加载后需要 10 秒才能显示，我应该修改什么？

jQuery("#messageBox").hide().slideDown();
 setTimeout(function(){
  jQuery("#messageBox").fadeOut();        
 }, 20000);

提前致谢

Answer 1

要让内容在 10 秒后淡入，您需要使用 CSS 隐藏页面加载时的所有内容，以避免 FOUC problem ，然后调用fadeIn()。像这样的事情:

setTimeout(function() {
  $('#container').fadeIn();        
}, 10000);

#container { display: none; }

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="container">
  <h1>Lorem ipsum</h1>
</div>