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

Question

我想做的事:

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

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

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