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 相关文章推荐
De facto standard 世界上不可思议的事实标准
Aug 29 Javascript
如何让页面加载完成后执行js
Jun 26 Javascript
javascript操作html控件实例(javascript添加html)
Dec 02 Javascript
学习使用AngularJS文件上传控件
Feb 16 Javascript
第五章之BootStrap 栅格系统
Apr 25 Javascript
微信小程序 自定义消息提示框
Aug 06 Javascript
Thinkjs3新手入门之如何使用静态资源目录
Dec 06 Javascript
jQuery+Cookie实现切换皮肤功能【附源码下载】
Mar 25 jQuery
基于游标的分页接口实现代码示例
Nov 12 Javascript
vue-devtools的安装和使用步骤详解
Oct 17 Javascript
Vue在chrome44偶现点击子元素事件无法冒泡的解决方法
Dec 15 Javascript
Vue中点击active并第一个默认选中功能的实现
Feb 24 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代码 用PHP写出自己的BLOG系统
2010/04/12 PHP
PHP封装类似thinkphp连贯操作数据库Db类与简单应用示例
2019/05/08 PHP
jquery的ajaxSubmit()异步上传图片并保存表单数据演示代码
2013/06/04 Javascript
探讨在JQuery和Js中,如何让ajax执行完后再继续往下执行
2013/07/09 Javascript
解析Jquery的LigerUI如何实现文件上传
2013/07/09 Javascript
jQuery中bind与live的用法及区别小结
2014/01/27 Javascript
js动态创建上传表单通过iframe模拟Ajax实现无刷新
2014/02/20 Javascript
将字符串中由空格隔开的每个单词首字母大写
2014/04/06 Javascript
jquery隔行换色效果实现方法
2015/01/15 Javascript
深入理解JavaScript系列(39):设计模式之适配器模式详解
2015/03/04 Javascript
javascript数组对象常用api函数小结(连接,插入,删除,反转,排序等)
2016/09/20 Javascript
详解js正则表达式验证时间格式xxxx-xx-xx形式
2018/02/09 Javascript
AngularJS使用$http配置对象方式与服务端交互方法
2018/08/13 Javascript
详解webpack自定义loader初探
2018/08/29 Javascript
Vue动态组件与异步组件实例详解
2019/02/23 Javascript
详解vue中使用protobuf踩坑记
2019/05/07 Javascript
使用vue-cli3 创建vue项目并配置VS Code 自动代码格式化 vue语法高亮问题
2019/05/14 Javascript
JS获取动态添加元素的方法详解
2019/07/31 Javascript
element-ui 本地化使用教程详解
2019/10/28 Javascript
Vue实现页面添加水印功能
2019/11/09 Javascript
[03:40]DOTA2亚洲邀请赛小组赛第二日 赛事回顾
2015/01/31 DOTA
Python使用openpyxl读写excel文件的方法
2017/06/30 Python
Python实现返回数组中第i小元素的方法示例
2017/12/04 Python
Python根据欧拉角求旋转矩阵的实例
2019/01/28 Python
Spring @Enable模块驱动原理及使用实例
2020/06/23 Python
Python错误的处理方法
2020/06/23 Python
记一次Django响应超慢的解决过程
2020/09/17 Python
HTML5 File API改善网页上传功能
2009/08/19 HTML / CSS
意大利奢华内衣制造商:Cosabella
2017/08/29 全球购物
澳大利亚最受欢迎的美发和美容在线商店:Catwalk
2018/12/12 全球购物
世界上最大的铁人三项商店:Tri UK
2020/11/04 全球购物
华为智利官方商店:Huawei Chile
2020/05/09 全球购物
拉丁舞学习者的自我评价
2013/10/27 职场文书
诉讼代理人授权委托书
2014/04/08 职场文书
个人求职信范文
2014/05/24 职场文书
党支部工作总结2015
2015/04/01 职场文书