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

使用jQuery全局事件ajaxStart为特定请求实现提示效果的代码

Dec 30 Javascript

AJAX分页的代码(后台asp.net)

Feb 14 Javascript

jQuery使用prepend()方法在元素前添加内容用法实例

Mar 26 Javascript

jQuery提示插件alertify使用指南

Apr 21 Javascript

jQuery过滤HTML标签并高亮显示关键字的方法

Aug 07 Javascript

js 获取元素所有兄弟节点的实现方法

Sep 06 Javascript

JS克隆，属性，数组，对象，函数实例分析

Nov 26 Javascript

JavaScript、C# URL编码、解码总结

Jan 21 Javascript

js a标签点击事件

Mar 30 Javascript

禁止弹窗中蒙层底部页面跟随滚动的几种方法

Dec 07 Javascript

原生js实现移动端触摸轮播的示例代码

Dec 22 Javascript

Vuejs监听vuex中值的变化的方法示例

Dec 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

ThinkPHP自动验证失败的解决方法

2011/06/09 PHP

php-msf源码详解

2017/12/25 PHP

extjs 学习笔记（三）最基本的grid

2009/10/15 Javascript

JavaScript mapreduce工作原理简析

2012/11/25 Javascript

只需20行代码就可以写出CSS覆盖率测试脚本

2013/04/24 Javascript

jQuery遍历Table应用示例

2014/04/09 Javascript

让checkbox不选中即将选中的checkbox不选中

2014/07/11 Javascript

PHP+jQuery+Ajax实现多图片上传效果

2015/03/14 Javascript

jQuery蓝色风格滑动导航栏代码分享

2015/08/19 Javascript

JavaScript实现的多种鼠标拖放效果

2015/11/03 Javascript

JavaScript中Form表单技术汇总(推荐)

2016/06/26 Javascript

js实现日期显示的一些操作(实例讲解)

2017/07/27 Javascript

express框架实现基于Websocket建立的简易聊天室

2017/08/10 Javascript

JS可断点续传文件上传实现代码解析

2020/07/30 Javascript

[00:43]DOTA2小紫本全民票选福利PA至宝全方位展示

2014/11/25 DOTA

Python 字典dict使用介绍

2014/11/30 Python

基于Django的ModelForm组件(详解)

2017/12/07 Python

Python爬虫中urllib库的进阶学习

2018/01/05 Python

python 利用turtle模块画出没有角的方格

2019/11/23 Python

Java Spring项目国际化(i18n)详细方法与实例

2020/03/20 Python

jupyter notebook的安装与使用详解

2020/05/18 Python

Python urllib2运行过程原理解析

2020/06/04 Python

Python logging日志模块配置文件方式

2020/07/12 Python

CSS3盒子模型详解

2013/04/24 HTML / CSS

用html5的canvas和JavaScript创建一个绘图程序的简单实例

2016/07/06 HTML / CSS

2014年幼儿园元旦活动方案

2014/02/13 职场文书

趣味运动会策划方案

2014/06/02 职场文书

学校法制宣传日活动总结

2014/11/01 职场文书

教师个人培训总结

2015/02/11 职场文书

学生个人总结范文

2015/02/15 职场文书

共青团员自我评价

2015/03/10 职场文书

2015年重阳节活动总结

2015/03/24 职场文书

详解CocosCreator消息分发机制

2021/04/16 Javascript

python基础学习之递归函数知识总结

2021/05/26 Python

C站最全Python标准库总结,你想要的都在这里

2021/07/03 Python

Java由浅入深通关抽象类与接口（下篇）

2022/04/26 Java/Android