当前位置: 首页 > 面试题库 >

几秒钟后隐藏div

法景明
2023-03-14
问题内容

我想知道,几秒钟后如何在jquery中隐藏div?例如Gmail的邮件。

我已经尽力了,但是无法正常工作。


问题答案:

这将在1秒(1000毫秒)后隐藏div。

setTimeout(function() {

    $('#mydiv').fadeOut('fast');

}, 1000); // <-- time in milliseconds


#mydiv{

    width: 100px;

    height: 100px;

    background: #000;

    color: #fff;

    text-align: center;

}


<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div id="mydiv">myDiv</div>

如果您只想隐藏而不褪色,请使用hide()



 类似资料:
  • 我读过很多关于如何在几秒钟后以多种方式隐藏对话框的答案。然而,我不能得到这个工作与我的例子。 我正在使用一个opencart插件,当你在购物车中添加一个产品后会显示一个DIV,但它会一直保持在那里,只有当用户点击“继续购物”时才会关闭。我希望这个DIV在5秒后自动关闭。 我已经尝试setTimeout,延迟等,没有工作......所以我不确定我做错了什么: 代码是这样的: 有人能帮我吗? 编辑:

  • 我有一些链接,当我悬停在上面时,会显示与该链接相关的特定文本。我已经使用悬停功能来显示和隐藏div。 我还想添加这样的特性,即文本在几秒钟后自动改变,以显示下一个div的内容。即is循环通过DIVS。Hide div 1,show div 2,Hide 2,show div 3等。下面是显示悬停功能如何工作的代码。将鼠标悬停在右侧的链接上,左侧的文本将发生变化: null null

  • 我已经在上安装了Sonar,所有先决条件都是Mysql和Java。在控制台模式下启动服务时,将出现以下错误消息: 甚至,wrapper.properties文件中也配置了Java环境变量,但问题仍然存在。 来人,帮我解决这个问题。 在下面的wrapper.java.command(wrapper.properties)中设置Java路径后,将出现错误。 正在运行索纳库贝...包装器-->包装器作为

  • 这段简单的代码在几秒钟(大约 5 秒)后崩溃(窗口没有响应)。 如果我取消注释注释的行,我可以清楚地看到程序在显示 47 到 50 之间的值时失控。 我使用 python 2.7 和 pygame 1.9.2、Windows 8(64 位)和 Eclipse PyDev。

  • 如何自动隐藏或删除DIV的内容。我把一些信息放在一个容器里。 我想显示新消息只有几秒钟,它可以是5,10什么,但然后我想它是空的,添加新消息,显示它,而不是隐藏。我当然知道setTimeout的"诀窍": 但是在这个选项中,我必须通过每个消息传递这个脚本,这不是我要找的。我也尝试过setInterval,但是正如名字所说,它是间隔,所以消息可以在5秒钟内可见,或者如果它到达间隔时间的末尾,甚至可以

  • 问题内容: 页面加载后5秒钟是否可以隐藏元素? 我想做完全相同的事情,但希望通过CSS过渡获得相同的结果。 有什么创意吗?还是我问的问题超出了CSS过渡/动画的限制? 问题答案: 但是您无法以可能立即想到的方式进行操作,因为您无法为原本依赖的属性(例如,或更改尺寸和设置为)设置动画或创建过渡,以正确隐藏元素和防止其占用可见空间。 因此,为有问题的元素创建一个动画,并在5秒后进行切换,同时还将高度和