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


Posted in Javascript onDecember 18, 2013

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

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

方法二:
$("#errormsg").html("ok").hide(3000);// 这个是渐渐消失 
$("#errormsg").html("ok").fadeTo(3000).hide(); //这个是让他显示5秒(实际就是没有改变透明度),然后隐藏
Javascript 相关文章推荐
最常用的12种设计模式小结
Aug 09 Javascript
js不完美解决click和dblclick事件冲突问题
Jul 16 Javascript
jQuery实现平滑滚动到指定锚点的方法
Mar 20 Javascript
JavaScript函数中关于valueOf和toString的理解
Jun 14 Javascript
AngularJS动态绑定HTML的方法分析
Nov 07 Javascript
bootstrap——bootstrapTable实现隐藏列的示例
Jan 14 Javascript
微信小程序 chooseImage选择图片或者拍照
Apr 07 Javascript
JS+canvas画一个圆锥实例代码
Dec 13 Javascript
webpack4实现不同的导出类型
Apr 09 Javascript
关于微信小程序map组件z-index的层级问题分析
Jul 09 Javascript
vue过滤器实现日期格式化的案例分析
Jul 02 Javascript
Jquery $.map使用方法实例详解
Sep 01 jQuery
javascript中数组的concat()方法使用介绍
Dec 18 #Javascript
javascript中数组的sort()方法的使用介绍
Dec 18 #Javascript
javascript中数组的冒泡排序使用示例
Dec 18 #Javascript
javascript中数组中求最大值示例代码
Dec 18 #Javascript
JS动态调用方法名示例介绍
Dec 18 #Javascript
javascript页面动态显示时间变化示例代码
Dec 18 #Javascript
页面实时更新时间的JS实例代码
Dec 18 #Javascript
You might like
1982年日本摄影师镜头下的中国孩子 那无忧无虑的童年
2020/03/12 杂记
谈谈PHP的输入输出流
2007/02/14 PHP
sqlyog 中文乱码问题的设置方法
2008/10/19 PHP
分享PHP守护进程类
2015/12/30 PHP
php中array_column函数简单实现方法
2016/07/11 PHP
DHTML 中的绝对定位
2006/11/26 Javascript
初学JavaScript第二章
2008/09/30 Javascript
javascript实现带节日和农历的日历特效
2015/02/01 Javascript
招聘网站基于jQuery实现自动刷新简历
2015/05/10 Javascript
JavaScript 2048 游戏实例代码(简单易懂)
2016/03/25 Javascript
利用jquery获取select下拉框的值
2016/11/23 Javascript
javascript实现简易计算器
2017/02/01 Javascript
Bootstrap表格制作代码
2017/03/17 Javascript
VueJS如何引入css或者less文件的一些坑
2017/04/25 Javascript
详解js中的原型,原型对象,原型链
2020/07/16 Javascript
JavaScript实现单点登录的示例
2020/09/23 Javascript
用js实现放大镜效果
2020/10/28 Javascript
[40:29]2018DOTA2亚洲邀请赛 4.7总决赛 LGD vs Mineski 第一场
2018/04/10 DOTA
python操作xml文件示例
2014/04/07 Python
Python 多线程实例详解
2017/03/25 Python
10 分钟快速入门 Python3的教程
2019/01/29 Python
Python绘制热力图示例
2019/09/27 Python
css3实现蒙版弹幕功能
2019/06/18 HTML / CSS
Html5 页面适配iPhoneX(就是那么简单)
2019/09/05 HTML / CSS
美国台面电器和厨具品牌:KitchenAid
2019/04/12 全球购物
某公司.Net方向面试题
2014/04/24 面试题
求职者应聘的自我评价
2013/10/16 职场文书
护士进修自我鉴定
2014/02/07 职场文书
党建工作经验交流材料
2014/05/25 职场文书
简易离婚协议书范本2014
2014/10/15 职场文书
党的群众路线教育实践活动心得体会(医院)
2014/11/03 职场文书
公司承诺函范文
2015/01/21 职场文书
自愿离婚协议书2015
2015/01/26 职场文书
酒店员工辞职信范文
2015/02/28 职场文书
纪检监察立案决定书
2015/06/24 职场文书
如何利用STAR法则制作留学文书?
2019/08/26 职场文书