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 相关文章推荐
JavaScript基本编码模式小结
May 23 Javascript
JQuery 图片的展开和伸缩实例讲解
Apr 18 Javascript
js日期、星座的级联显示代码
Jan 23 Javascript
使用jquery修改表单的提交地址基本思路
Jun 04 Javascript
解决js函数闭包内存泄露问题的办法
Jan 25 Javascript
AngularJS入门教程之Helloworld示例
Dec 25 Javascript
vue.js学习笔记:如何加载本地json文件
Jan 17 Javascript
学习使用jQuery表单验证插件和日历插件
Feb 13 Javascript
vue-router实现webApp切换页面动画效果代码
May 25 Javascript
利用require.js与angular搭建spa应用的方法实例
Jul 19 Javascript
详解vue中引入stylus及报错解决方法
Sep 22 Javascript
Vue-Quill-Editor富文本编辑器的使用教程
Sep 21 Javascript
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
PHP explode()函数用法、切分字符串
2012/10/03 PHP
php导入导出excel实例
2013/10/25 PHP
PHP+shell实现多线程的方法
2015/07/01 PHP
ecshop适应在PHP7的修改方法解决报错的实现
2016/11/01 PHP
php插入含有特殊符号数据的处理方法
2016/11/24 PHP
PHP添加文字水印或图片水印的水印类完整源代码与使用示例
2019/03/18 PHP
JQuery this 和 $(this) 的区别
2009/08/23 Javascript
jquery操作cookie插件分享
2014/01/14 Javascript
详谈javascript中DOM的基本属性
2015/02/26 Javascript
JavaScript中逗号运算符介绍及使用示例
2015/03/13 Javascript
JavaScript中Number.MIN_VALUE属性的使用示例
2015/06/04 Javascript
提升jQuery的性能需要做好七件事
2016/01/11 Javascript
JS组件系列之Bootstrap table表格组件神器【终结篇】
2016/05/10 Javascript
浅析script标签中的defer与async属性
2016/11/30 Javascript
Jquery鼠标放上去显示全名的实现方法
2017/02/06 Javascript
简单实现bootstrap导航效果
2017/02/07 Javascript
NW.js 简介与使用方法
2018/02/01 Javascript
vue获取当前激活路由的方法
2018/03/17 Javascript
深入理解Vue Computed计算属性原理
2018/05/29 Javascript
jQuery操作attr、prop、val()/text()/html()、class属性
2019/05/23 jQuery
原生js实现无缝轮播图
2020/01/11 Javascript
vue实现编辑器键盘抬起时内容跟随光标距顶位置向上滚动效果
2020/05/28 Javascript
python 循环遍历字典元素的简单方法
2016/09/11 Python
Python:Scrapy框架中Item Pipeline组件使用详解
2017/12/27 Python
Python错误处理操作示例
2018/07/18 Python
Python获取命令实时输出-原样彩色输出并返回输出结果的示例
2019/07/11 Python
matplotlib部件之套索Lasso的使用
2021/02/24 Python
英国时尚女装购物网站:Missguided
2018/08/23 全球购物
Java Servlet API中forward() 与redirect()的区别
2014/04/20 面试题
毕业生的自我评价范文
2013/12/31 职场文书
公司年底活动方案
2014/08/17 职场文书
小学教师师德师风承诺书
2015/04/28 职场文书
《颐和园》教学反思
2016/02/19 职场文书
竞选稿之小学班干部
2019/10/31 职场文书
python实现腾讯滑块验证码识别
2021/04/27 Python
如何利用Matlab制作一款真正的拼图小游戏
2021/05/11 Python