我是靠谱客的博主 紧张季节,这篇文章主要介绍jquery 提示信息显示后自动消失的具体实现,现在分享给大家,希望可以做个参考。

经常需要做让一个提示信息显示几秒然后自动消失的效果,之前是用setTimeout去实现,但是发现如果页面上有多个setTimeout就不太好。今天找到了两个很简单的方法.mark一下。
方法一:

复制代码 代码如下:

$("#errormsg").html("您的信息输入错误,请重试!").show(300).delay(3000).hide(300);

方法二:
复制代码 代码如下:

$("#errormsg").html("ok").hide(3000);// 这个是渐渐消失
$("#errormsg").html("ok").fadeTo(3000).hide(); //这个是让他显示5秒(实际就是没有改变透明度),然后隐藏

最后

以上就是紧张季节最近收集整理的关于jquery 提示信息显示后自动消失的具体实现的全部内容,更多相关jquery内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(181)

评论列表共有 0 条评论

立即
投稿
返回
顶部