在没有"隐藏"的时间段之后隐藏元素;收缩效应"

Hide element after time period without "shrinking effect"?

本文关键字：quot 隐藏 元素 时间段 之后      更新时间：2023-09-26

我想做的事情：

我想在设定的持续时间(例如3秒(后隐藏元素或图像。不幸的是，如果我使用.hide(3000(方法，它会产生这种"收缩"效果。如果我使用.fadeOut(3000(方法，它当然会逐渐消失。我只想显示元素3秒钟(没有任何效果或平滑过渡(，在这3秒钟之后，它应该会立即消失。

HTML:

<button class="buttonHide">Hide</button>
<img id="loadinggif" src="http://hosting-nation.ca/templates/hn1/images/loading.gif"/>

JQuery:

$(document).ready(function(){
    $(".buttonHide").click(function(){
        $("#loadinggif").hide(3000);          //or fadeOut(3000)? Both doesn't have the desired effect. 
    });
});

http://jsfiddle.net/d2LYa/6/

非常感谢！

在hide((中具有零值的

delay((将起作用。零时间将使其成为动画，并延迟暂停动画。

$("#loadinggif").delay(3000).hide(0);

使用setTimeout((方法：

$(document).ready(function(){
    $(".buttonHide").click(function(){
       setTimeout(function(){
            $("#loadinggif").hide();  
        },3000); 
 });
});

如果不想收缩，那么使用setTimeout((3秒，将CSS可见性隐藏。在下方检查此fiidle

$(document).ready(function(){
$(".buttonHide").click(function(){
     setTimeout(function(){
   $("#loadinggif").css('visibility','hidden');
          },3000); 
});
});

http://jsfiddle.net/d2LYa/5/

相关文章：