jQuery弹出div层过2秒自动消失


Posted in Javascript onNovember 29, 2016

下面给大家分享一段代码关于jquery弹出div层并自动消失的实现代码,废话不多说了,具体代码如下所示: 

var HuiFang={
m_tishi :null,//全局变量 判断是否存在div,
//提示div 等待2秒自动关闭
Funtishi: function (content, url) {
if (HuiFang.m_tishi == null) {
HuiFang.m_tishi = '<div class="xiaoxikuang none" id="app_tishi" style="z-index:9999;left: 15%;width:70%;position: fixed;background:none;bottom:10%;"> <p class="app_tishi" style="background: none repeat scroll 0 0 #000; border-radius: 30px;color: #fff; margin: 0 auto;padding: 1.5em;text-align: center;width: 70%;opacity: 0.8; font-family:Microsoft YaHei;letter-spacing: 1px;font-size: 1.5em;"></p></div>';
$(document.body).append(HuiFang.m_tishi);
}
$("#app_tishi").show();
$(".app_tishi").html(content);
if (url) {
window.setTimeout("location.href='" + url + "'", 1500);
} else {
setTimeout('$("#app_tishi").fadeOut()', 1500);
}
},
}

使用:

HuiFang.Funtishi("请输入名字。");

以上所述是小编给大家介绍的jQuery弹出div层过2秒自动消失,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
根据邮箱的域名跳转到相应的登录页面的代码
Feb 27 Javascript
js点击事件链接的问题解决
Apr 25 Javascript
Js可拖拽放大的层拖动特效实现方法
Feb 25 Javascript
究竟什么是Node.js?Node.js有什么好处?
May 29 Javascript
JS iFrame加载慢怎么解决
May 13 Javascript
Bootstrap学习笔记之js组件(4)
Jun 12 Javascript
微信小程序 用户数据解密详细介绍
Jan 09 Javascript
JS基于onclick事件实现单个按钮的编辑与保存功能示例
Feb 13 Javascript
JavaScript设计模式之单例模式原理与用法实例分析
Jul 26 Javascript
vue使用recorder.js实现录音功能
Nov 22 Javascript
JavaScript 空间坐标的使用
Aug 19 Javascript
Vue+Bootstrap实现简易学生管理系统
Feb 09 Vue.js
headjs实现网站并行加载但顺序执行JS
Nov 29 #Javascript
如何使用headjs来管理和异步加载js
Nov 29 #Javascript
JS针对Array的各种操作汇总
Nov 29 #Javascript
用headjs来管理和加载js 提高网站加载速度
Nov 29 #Javascript
巧用数组制作图片切换js代码
Nov 29 #Javascript
JS插件plupload.js实现多图上传并显示进度条
Nov 29 #Javascript
文件上传插件SWFUpload的使用指南
Nov 29 #Javascript
You might like
自己前几天写的无限分类类
2007/02/14 PHP
php 清除网页病毒的方法
2008/12/05 PHP
PHP的Yii框架的常用日志操作总结
2015/12/08 PHP
php for 循环使用的简单实例
2016/06/02 PHP
Yii视图CGridView列表用法实例分析
2016/07/12 PHP
thinkphp下MySQL数据库读写分离代码剖析
2017/04/18 PHP
php使用curl模拟浏览器表单上传文件或者图片的方法
2018/11/10 PHP
ThinkPHP5&amp;5.1框架关联模型分页操作示例
2019/08/03 PHP
用于判断用户注册时,密码强度的JS代码
2009/01/01 Javascript
JavaScript 类的定义和引用 JavaScript高级培训 自定义对象
2010/04/27 Javascript
js中的string.format函数代码
2020/08/11 Javascript
JQuery插件Style定制化方法的分析与比较
2012/05/03 Javascript
js toFixed()方法的重写实现精度的统一
2014/03/06 Javascript
通过$(this)使用jQuery包装后的方法或属性
2014/05/18 Javascript
浅析JavaScript中的事件机制
2015/06/04 Javascript
BootStrap的JS插件之轮播效果案例详解
2016/05/16 Javascript
JavaScript必看小技巧(必看)
2016/06/07 Javascript
Javascript中从学习bind到实现bind的过程
2018/01/05 Javascript
JQueryDOM之样式操作
2019/03/27 jQuery
layer.confirm点击第一个按钮关闭弹出框的方法
2019/09/09 Javascript
如何基于filter实现网站整体变灰功能
2020/04/17 Javascript
vue 路由懒加载中给 Webpack Chunks 命名的方法
2020/04/24 Javascript
[05:14]辉夜杯主赛事第二日 RECAP精彩回顾
2015/12/27 DOTA
利用Python将文本中的中英文分离方法
2018/10/31 Python
解决pycharm 远程调试 上传 helpers 卡住的问题
2019/06/27 Python
Pycharm中安装wordcloud等库失败问题及终端通过pip安装的Python库如何添加到Pycharm解释器中(推荐)
2020/05/10 Python
python3定位并识别图片验证码实现自动登录功能
2021/01/29 Python
H5调用相机拍照并压缩图片的实例代码
2017/07/20 HTML / CSS
租租车:国际租车、美国租车、欧洲租车、特价预订国外租车(中文服务)
2018/03/28 全球购物
联想新西兰官方网站:Lenovo New Zealand
2018/10/30 全球购物
什么是Linux虚拟文件系统VFS
2012/01/31 面试题
违纪开除通知书
2015/04/25 职场文书
大学生受助感言
2015/08/01 职场文书
职工食堂管理制度
2015/08/06 职场文书
Jupyter notebook 更改文件打开的默认路径操作
2021/05/21 Python
浅谈Redis缓冲区机制
2022/06/05 Redis