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

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

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

提前致谢

最佳答案

要使内容在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>

关于javascript - 页面加载10秒后显示div，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/61118980/