编程 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 相关文章推荐

$()JS小技巧

Jul 21 Javascript

Jquery 表格合并的问题分享

Sep 17 Javascript

jquery获取特定name所有选中的checkbox,支持IE9标准模式

Mar 18 Javascript

用jquery仿做发微博功能示例

Apr 18 Javascript

一个小例子解释如何来阻止Jquery事件冒泡

Jul 17 Javascript

ECMAScript中函数function类型

Jun 03 Javascript

jQuery地图map悬停显示省市代码分享

Aug 20 Javascript

Bootstrap每天必学之按钮（Button）插件

Apr 25 Javascript

vue2实现移动端上传、预览、压缩图片解决拍照旋转问题

Apr 13 Javascript

JS获取填报扩展单元格控件的值的解决办法

Jul 14 Javascript

vue通过路由实现页面刷新的方法

Jan 25 Javascript

Threejs实现滴滴官网首页地球动画功能

Jul 13 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

建立动态的WML站点(一)

2006/10/09 PHP

php数组声明、遍历、数组全局变量使用小结

2013/06/05 PHP

PHP的APC模块实现上传进度条

2015/10/27 PHP

thinkPHP中钩子的使用方法实例分析

2017/11/16 PHP

基于jQuery的弹出警告对话框美化插件(警告，确认和提示)

2010/06/10 Javascript

修改js confirm alert 提示框文字的简单实例

2016/06/10 Javascript

nodejs和php实现图片访问实时处理

2017/01/05 NodeJs

JS 实现计算器详解及实例代码（一）

2017/01/08 Javascript

JavaScript使用原型和原型链实现对象继承的方法详解

2017/04/05 Javascript

JavaScript中var、let、const区别浅析

2018/06/24 Javascript

微信小程序内拖动图片实现移动、放大、旋转的方法

2018/09/04 Javascript

Vue+Express实现登录注销功能的实例代码

2019/05/05 Javascript

详解Vue-Router源码分析路由实现原理

2019/05/15 Javascript

微信小程序request请求封装，验签代码实例

2019/12/04 Javascript

Vue实现计算器计算效果

2020/08/17 Javascript

js实现三角形粒子运动

2020/09/22 Javascript

用Python实现web端用户登录和注册功能的教程

2015/04/30 Python

总结Python编程中三条常用的技巧

2015/05/11 Python

Python对列表中的各项进行关联详解

2017/08/15 Python

使用Python处理Excel表格的简单方法

2018/06/07 Python

Python字典的核心底层原理讲解

2019/01/24 Python

Python创建一个元素都为0的列表实例

2019/11/28 Python

Django使用list对单个或者多个字段求values值实例

2020/03/31 Python

pycharm + django跨域无提示的解决方法

2020/12/06 Python

使用canvas一步步实现图片打码功能的方法

2019/06/17 HTML / CSS

Myprotein芬兰官网：欧洲第一运动营养品牌

2019/05/05 全球购物

奥地利领先的在线药房：SHOP APOTHEKE

2019/10/07 全球购物

汽车电子与维修专业大学生求职信

2013/09/28 职场文书

光电信息专业应届生求职信

2013/10/07 职场文书

理工大学毕业生自荐信

2013/11/01 职场文书

人事文员岗位职责

2014/02/16 职场文书

体操比赛口号

2014/06/10 职场文书

出资证明书范本（标准版）

2014/09/24 职场文书

捐款通知怎么写

2015/04/24 职场文书

《秦兵马俑》教学反思

2016/02/24 职场文书

MySQL中日期型单行函数代码详解

2021/06/21 MySQL