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

Question

我目前正在尝试在页面加载 2 秒后显示一个 div。我可以通过在页面加载两秒后隐藏 div 来成功地完成相反的操作。问题是什么都没有发生并且 div 保持隐藏状态。如何在页面加载两秒后正确显示 div？额外:意思是当两秒钟运行时显示一个 ajax 加载 gif，然后淡入 div

<script type = "text/javascript">  
$(window).load(function() {
    setTimeout(function() {
        $("#contentPost").show('fadeIn', {}, 500)
    }, 2000);
});
</script>

html/css

<style>
.contentPost { display:none;}
</style>

<div class="contentPost">
 <h2>Hi there</h2>
</div>

Answer 1

$(document).ready(function() {
    $(".contentPost").delay(2000).fadeIn(500);
});

将完美地工作。