编程 Javascript

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秒（实际就是没有改变透明度），然后隐藏

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

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JavaScript页面刷新与弹出窗口问题的解决方法

Mar 02 Javascript

javasctipt如何显示几分钟前、几天前等

Apr 30 Javascript

浅谈javascript中call()、apply()、bind()的用法

Apr 20 Javascript

JS实现简单的右下角弹出提示窗口完整实例

Jun 21 Javascript

Bootstrap如何激活导航状态

Mar 22 Javascript

js实现适配不同的屏幕大小

Apr 10 Javascript

javascript 数组排序与对象排序的实例

Jul 17 Javascript

vue.js评论发布信息可插入QQ表情功能

Aug 08 Javascript

JS脚本实现网页自动秒杀点击

Jan 11 Javascript

jQuery实现仿京东防抖动菜单效果示例

Jul 06 jQuery

JS中的两种数据类型及实现引用类型的深拷贝的方法

Aug 12 Javascript

深入理解JavaScript 中的匿名函数((function() {})();)与变量的作用域

Aug 28 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 cookie 详解使用实例

2016/11/03 PHP

php和html的区别点详细总结

2019/09/24 PHP

js解析与序列化json数据(二)序列化探讨

2013/02/01 Javascript

js实现div弹出层的方法

2014/11/20 Javascript

Angularjs基础知识及示例汇总

2015/01/22 Javascript

JavaScript函数参数使用带参数名的方式赋值传入的方法

2015/03/19 Javascript

JS在浏览器中解析Base64编码图像

2017/02/09 Javascript

less简单入门(CSS 预处理语言)

2017/03/08 Javascript

一个可复用的vue分页组件

2017/05/15 Javascript

vue实现百度搜索下拉提示功能实例

2017/06/14 Javascript

浅谈关于axios和session的一些事

2017/07/13 Javascript

详解前端路由实现与react-router使用姿势

2017/08/07 Javascript

浅谈vue路径优化之resolve

2017/10/13 Javascript

谈谈React中的Render Props模式

2018/12/06 Javascript

React Native中ScrollView组件轮播图与ListView渲染列表组件用法实例分析

2020/01/06 Javascript

js 图片懒加载的实现

2020/10/21 Javascript

浅析vue中的nextTick

2020/12/28 Vue.js

Python 2/3下处理cjk编码的zip文件的方法

2019/04/26 Python

pandas DataFrame 警告(SettingWithCopyWarning)的解决

2019/07/23 Python

django将数组传递给前台模板的方法

2019/08/06 Python

基于python实现把图片转换成素描

2019/11/13 Python

python等差数列求和公式前 100 项的和实例

2020/02/25 Python

Python小白不正确的使用类变量实例

2020/05/29 Python

python可视化 matplotlib画图使用colorbar工具自定义颜色

2020/12/07 Python

IE8下CSS3选择器nth-child() 不兼容问题的解决方法

2016/11/16 HTML / CSS

德国家具在线：Fashion For Home

2017/03/11 全球购物

The North Face北面美国官网：美国著名户外品牌

2018/09/15 全球购物

eBay美国官网：eBay.com

2020/10/24 全球购物

实习生的自我鉴定范文欣赏

2013/11/20 职场文书

小孩百日宴答谢词

2014/01/15 职场文书

教师对学生的寄语

2014/04/03 职场文书

园艺师求职信

2014/04/27 职场文书

python xlwt模块的使用解析

2021/04/13 Python

js 数组 fill() 填充方法

2021/11/02 Javascript

Go归并排序算法的实现方法

2022/04/06 Golang

CSS元素定位之通过元素的标签或者元素的id、class属性定位详解

2022/09/23 HTML / CSS