javascript - 在没有 "shrinking effect"的时间段后隐藏元素？

Question

这个问题已经有答案了:

Add delay before .hide() w/jQuery (2 个回答)

已关闭 9 年前。

我想做的事情:

我想在设定的持续时间(例如 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/

非常感谢!

Answer 1

delay() 在 hide() 中使用零值将起作用。零时间将使其成为动画并延迟暂停动画。

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