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

Prototype使用指南之ajax

Jan 10 Javascript

js onpropertychange输入框事件获取属性

Mar 26 Javascript

Mac地址验证的javascript代码

Nov 09 Javascript

js实现通用的微信分享组件示例

Mar 10 Javascript

javascript的解析执行顺序在各个浏览器中的不同

Mar 17 Javascript

JS实现倒计时和文字滚动的效果实例

Oct 29 Javascript

微信小程序页面跳转传递值几种方法详解

Jan 12 Javascript

浅谈键盘上回车按钮的js触发事件

Feb 13 Javascript

对vue.js中this.$emit的深入理解

Feb 23 Javascript

微信小程序上传多图到服务器并获取返回的路径

May 05 Javascript

关于Vue中axios的封装实例详解

Oct 20 Javascript

js中addEventListener()与removeEventListener()用法案例分析

Mar 02 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中chdir()函数用法实例

2014/11/13 PHP

PHP中加速、缓存扩展的区别和作用详解(eAccelerator、memcached、xcache、APC )

2016/07/09 PHP

ThinkPHP使用getlist方法实现数据搜索功能示例

2017/05/08 PHP

ThinkPHP3.2框架自定义配置和加载用法示例

2018/06/14 PHP

php慢查询日志和错误日志使用详解

2021/02/27 PHP

javascript 操作select下拉列表框的一点小经验

2010/03/20 Javascript

通过jQuery源码学习javascript(二)

2012/12/27 Javascript

javascript手工制作悬浮菜单

2015/02/12 Javascript

使用jquery清空、复位整个输入域

2015/04/02 Javascript

AngularJs Modules详解及示例代码

2016/09/01 Javascript

基于jQuery实现的查看全文功能【实用】

2016/12/11 Javascript

你真的了解BOM中的history对象吗

2017/02/13 Javascript

JS面试题大坑之隐式类型转换实例代码

2018/10/14 Javascript

Vue中用props给data赋初始值遇到的问题解决

2018/11/27 Javascript

JavaScript文本特效实例小结【3个示例】

2018/12/22 Javascript

elementUI vue this.$confirm 和el-dialog 弹出框移动示例demo

2019/07/03 Javascript

Element Rate 评分的使用方法

2020/07/27 Javascript

vue 获取url参数、get参数返回数组的操作

2020/11/12 Javascript

Python基于二分查找实现求整数平方根的方法

2016/05/12 Python

Python while 循环使用的简单实例

2016/06/08 Python

Python实现字典(dict)的迭代操作示例

2018/06/05 Python

Tesserocr库的正确安装方式

2018/10/19 Python

python使用magic模块进行文件类型识别方法

2018/12/08 Python

python如何进入交互模式

2020/07/06 Python

Django Model层F，Q对象和聚合函数原理解析

2020/11/12 Python

SQL Server笔试题

2012/01/10 面试题

杭州龙健科技笔试题.net部分笔试题

2016/01/24 面试题

心得体会怎么写

2013/12/30 职场文书

集团公司党的群众路线教育实践活动工作总结

2014/03/03 职场文书

房展策划方案

2014/06/07 职场文书

中学生民族团结演讲稿

2014/08/27 职场文书

公务员群众路线心得体会

2014/11/03 职场文书

大学生奖学金获奖感言（范文）

2019/08/15 职场文书

Python selenium的这三种等待方式一定要会!

2021/06/10 Python

分析Python感知线程状态的解决方案之Event与信号量

2021/06/16 Python

MySQL去除密码登录告警的方法

2022/04/20 MySQL