显示一个 div 几秒钟然后自动消失

Posted 2023-02-25

【中文标题】显示一个 div 几秒钟然后自动消失

【英文标题】：Show a div for couple of seconds and then disappear automatically

【发布时间】：2013-08-19 17:31:22

【问题描述】：

当页面加载时，div 应该会出现大约 3 秒钟，然后自动消失。我现在遇到了代码问题。我在下面使用这个代码：

jQuery("#infor").delay(6000).fadeOut("slow");

我的 html 是：

<div id="infor">
something
</div>

但它似乎不起作用。有谁知道为什么这段代码不起作用？

【问题讨论】：

为我工作。但是，6000 代表 6 秒。

似乎和你发布的一样工作......jsfiddle.net/CZ8dJ

【参考方案1】：

您的代码是否在 document.ready 块内？

$( document ).ready(function() 
    $("#infor").delay(3000).fadeOut("slow");
);

它对我有用：http://jsfiddle.net/YdU4z/

【参考方案2】：

您的语法似乎是正确的（但是，如果您希望延迟大约 3 秒，您应该将延迟内的值更改为 3000）。

您是否将此代码包装在如下所示的文档就绪块中？

 <script type='text/javascript'>
     //Short-hand for $(document).ready()
     $(function()
         //Delay for ~3 seconds and then fade out
         $("#infor").delay(3000).fadeOut("slow");
     );
 </script>

Working Example

我会尝试在您的浏览器中使用开发者工具 (F12) 来查看是否抛出任何错误（在控制台中），并确保您使用的 jQuery 版本支持这些功能也被调用。