jQuery显示5秒然后隐藏

时间:2010-08-07 01:20:04

标签: jquery hide message show timed

我正在使用.show在成功提交表单后显示隐藏的消息。

如何显示消息5秒然后隐藏?

3 个答案:

答案 0 :(得分:321)

您可以在动画前使用.delay(),如下所示:

$("#myElem").show().delay(5000).fadeOut();

如果它不是动画,请直接使用setTimeout(),如下所示:

$("#myElem").show();
setTimeout(function() { $("#myElem").hide(); }, 5000);

你做第二个因为.hide()通常不会在动画(fx)队列中没有持续时间,这只是一个即时效果。

或者,另一个选择是自己使用.delay().queue(),如下所示:

$("#myElem").show().delay(5000).queue(function(n) {
  $(this).hide(); n();
});

答案 1 :(得分:16)

您可以使用以下效果制作动画,您可以根据自己的要求更改值

$("#myElem").fadeIn('slow').animate({opacity: 1.0}, 1500).effect("pulsate", { times: 2 }, 800).fadeOut('slow'); 

答案 2 :(得分:0)

就这么简单

public class MyClass
{
    private List<object> _myList = new List<object>();   // Modifiable

    public IReadOnlyList<object> MyList => _myList;      // Read only
}