在showDiv()setTimeout之后淡入div

Question

真快的问题 - (我希望!)

我有一个div显示,直到页面的其余部分加载使用:

<script>
    function showDiv(){
        var obj = document.getElementById('test');
        obj.style.display = 'block';
    }
</script>

在我的html的头部,以及正文中的以下代码:

<body onLoad="setTimeout('setTimeout(showDiv()', 1000);">
<div id="test" style="display:none;">

当div正确加载一段时间后,我想知道是否有一种方法可以在给定的"Timeout"之后淡化这个div,使用类似的东西:

<script type="text/javascript">
$(function(){  // $(document).ready shorthand
$('#test').hide().fadeIn(1500);
});
</script>

例如？此刻,div突然出现,虽然我希望能以某种方式让它消失.我试图合并这两个js函数,但为此目的没有成功.任何帮助或建议非常感谢!

Answer 1

$(function(){

    $('#test').hide();

    setTimeout(function(){
        $('#test').fadeIn('slow');
    },1000);

});

Answer 2

$('#test').hide().delay(1500).fadeIn('slow');

JsFiddle DEMO