jquery - 在文档加载后的预定时间后设置 css div 的可见性

Question

简单地说，我希望我的页面等待 3-4 秒，然后让我的主 div 中的所有内容都可见。

我知道我可以提前设置 div 的可见性（隐藏），然后添加一个脚本，在页面加载后将可见性更改为可见。

我对 jquery/javascript 很陌生，所以我不确定如何切换该开关，也不确定如何让它在文档加载后等待特定时间。

我有：

$(document).ready(function(){

some sort of sleep or delay
$("#dropshadow").notsurewhattodofromhere

});

所以我有我想要的非常基本的完全不起作用的流程，但是我一直试图从我所看到的关于延迟的情况中插入的所有 java 似乎根本没有做任何事情，我不确定如何使用函数定位 div 的可见性

Answer 1

你可以使用setTimeout()，

setTimeout(function(){
   $("#dropshadow").show();
},3000); // 3 second delay

Answer 2

尝试setTimeout()方法

$(document).ready(function(){

 setTimeout(function(){

//do what ever you want here
 }, 3000 );

});

Answer 3

这就是最终为我想做的事情而工作的东西。

感谢所有的帮助！

<script type="text/javascript">

$(document).ready(function(){
    $("#dropshadow").hide();

    setTimeout(function(){
        $("#dropshadow").fadeIn(1000)
    }, 1500 );

});

</script>

Answer 4

setTimeout( function(){}, timeInMilliseconds);