jQuery淡出DIV在特定设置时间后显示

我有以下代码，希望在页面加载后的指定时间（例如5秒）后隐藏DIV（

.video field new

）。可能吗

<div id="BodyField">
    <div class="video-field-new"></div>
</div>

---

如果我能让它淡出而不是消失，用户会看到这种情况发生，那就有好处了。

你可以这样做

$(window).load(function(){
  setTimeout(function(){ $('.video-field-new').fadeOut() }, 5000);
});

$("#BodyField").delay(5000).fadeOut();

甚至我们也可以这样做： 在html中

在css中：

div { 
    width:200px; 
    height:80px; 
    float:left; }

如需演示，请单击链接 试试看

$('#div').fadeIn('fast').delay(1000).fadeOut('fast');
$('#div-inner').fadeIn('slow').delay(1000).hide(0);

---

谢谢

您也可以这样做

$(document).ready(function(){
    $('.video-field-new').fadeOut(5000)
})

$（选择器）。淡出（速度、放松、回叫）

参数|说明

---

速度=可选。指定淡入效果的速度。默认值 是400毫秒

可能值：

• 毫秒
• “慢”
• “快”

---

缓解=可选。指定元素在不同点的速度 动画。默认值为“swing”

可能值：

• “摆动”-开始/结束时移动较慢，但中间移动较快
• “线性”-以恒定速度移动

---

回调=可选。在淡出（）之后执行的函数 方法完成

---

---

有关更多信息，请查看此文档

我不确定是否了解您的问题。你试过什么吗？什么？可能是相当干净的溶液的复制品。我喜欢。谢谢。虽然Starx的答案简短易读，但它并没有特别关注OP要求的两个答案的so+1“页面加载”。

$('#div').fadeIn('fast').delay(1000).fadeOut('fast');
$('#div-inner').fadeIn('slow').delay(1000).hide(0);

$(document).ready(function(){
    $('.video-field-new').fadeOut(5000)
})