12

我有以下代码，并希望.video-field-new在页面加载后的指定时间后隐藏 DIV ()，例如 5 秒。那可能吗？

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

如果我可以让它淡出而不是仅仅消失，因为用户会看到这种情况发生，那么还有额外的好处。

4

5 回答 5

46

你可以这样做

$("#BodyField").delay(5000).fadeOut();
于 2013-02-27T17:52:18.300 回答
21 
$(window).load(function(){
  setTimeout(function(){ $('.video-field-new').fadeOut() }, 5000);
});
于 2013-02-27T17:50:23.667 回答
1

尝试

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

谢谢

于 2017-10-10T06:47:17.213 回答
0

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

    <div id="BodyField">
        <div class="video-field-new">
      <p>This is your DIV with text which will fade Out after delay 5s using jQuery</p>
      <p>This is your DIV with text which will fade Out after delay 5s using jQuery</p>
      <p>This is your DIV with text which will fade Out after delay 5s using jQuery</p>
      <p>This is your DIV with text which will fade Out after delay 5s using jQuery</p>

    </div>
</div>

在js中：

$(function() {
    $('.video-field-new').delay(5000).show().fadeOut('slow');
});

在 CSS 中：

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

演示点击链接 https://jsfiddle.net/kingtaherkings/133v70se/

于 2017-03-03T13:18:27.190 回答
0

你也可以做这样的事情

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

$(selector).fadeOut(speed,easing,callback)

参数 | 描述

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

可能的值：

  • 毫秒
  • “慢的”
  • “快速地”

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

可能的值：

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

回调= 可选。fadeOut() 方法完成后要执行的函数

有关更多信息，请查看此文档https://www.w3schools.com/jquery/eff_fadeout.asp

于 2021-05-21T14:31:56.767 回答