首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >设置css div在加载文档后的预定义时间后的可见性

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

Stack Overflow用户
提问于 2013-07-19 16:17:55
回答 4查看 5.5K关注 0票数 0

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

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

我是jquery/javascript的新手,所以我不确定如何切换开关,也不确定如何让它在文档加载后等待特定的时间。

我有:

代码语言:javascript
运行
复制
$(document).ready(function(){

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

});

所以我得到了我想要的最基本的、完全没有功能的流程,但是我一直在尝试插入的所有java似乎根本没有做任何事情,而且我不确定如何通过函数来定位div的可见性。

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2013-07-21 05:46:18

这就是最终实现我想做的事情的原因。

谢谢你的帮助!

代码语言:javascript
运行
复制
<script type="text/javascript">

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

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

});

</script>
票数 0
EN

Stack Overflow用户

发布于 2013-07-19 16:20:50

您可以使用setTimeout()

代码语言:javascript
运行
复制
setTimeout(function(){
   $("#dropshadow").show();
},3000); // 3 second delay
票数 2
EN

Stack Overflow用户

发布于 2013-07-19 16:21:35

尝试setTimeout()方法

代码语言:javascript
运行
复制
$(document).ready(function(){

 setTimeout(function(){

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

});
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/17741274

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档