jquery 提示信息显示后自动消失的具体实现

作者：Terry2017.02.02来源：Web前端之家浏览：15540评论:0

关键词：JQuery JS

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

复制代码代码如下:

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

方法二：

复制代码代码如下:

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

赏您的支持是我们创作的动力！

温馨提示：本文作者系Terry ，经Web前端之家编辑修改或补充，转载请注明出处和本文链接：
https://www.jiangweishan.com/article/svg1485964800769.html