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 相关文章推荐
dropdownlist之间的互相联动实现(显示与隐藏)
Nov 24 Javascript
JS删除数组元素的函数介绍
Mar 27 Javascript
JS简单操作select和dropdownlist实例
Nov 26 Javascript
js获取Get值的方法
Sep 29 Javascript
微信小程序 跳转传递数据的实例
Jul 06 Javascript
angular4模块中给标签添加背景图的实现方法
Sep 15 Javascript
babel7.x和webpack4.x配置vue项目的方法步骤
May 12 Javascript
vue读取本地的excel文件并显示在网页上方法示例
May 29 Javascript
轻松学习JavaScript函数中的 Rest 参数
May 30 Javascript
ligerUI的ligerDialog关闭刷新的方法
Sep 27 Javascript
vue data引入本地图片的两种方式小结
Nov 13 Javascript
vue vantUI tab切换时 list组件不触发load事件的问题及解决方法
Feb 14 Javascript
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
PHP页面间传递参数实例代码
2008/06/05 PHP
用C/C++扩展你的PHP 为你的php增加功能
2012/09/06 PHP
thinkPHP5框架路由常用知识点汇总
2019/09/15 PHP
iframe的onload在Chrome/Opera中执行两次Bug的解决方法
2011/03/17 Javascript
JQuery加载图片自适应固定大小的DIV
2013/09/12 Javascript
jquery validation验证身份证号,护照,电话号码,email(实例代码)
2013/11/06 Javascript
基于iframe实现类似于ajax的页面无刷新
2014/05/31 Javascript
jQuery实现预加载图片的方法
2015/03/17 Javascript
Bootstrap编写一个同时适用于PC、平板、手机的登陆页面
2016/06/30 Javascript
JS关闭窗口时产生的事件及用法示例
2016/08/20 Javascript
原生JS实现圣旨卷轴展开效果
2017/03/06 Javascript
vue插件vue-resource的使用笔记(小结)
2017/08/04 Javascript
Vue如何从1.0迁移到2.0
2017/10/19 Javascript
详解Webpack+Babel+React开发环境的搭建的方法步骤
2018/01/09 Javascript
angular5 子组件监听父组件传入值的变化方法
2018/09/30 Javascript
抖音上用记事本编写爱心小程序教程
2019/04/17 Javascript
vue如何限制只能输入正负数及小数
2019/07/04 Javascript
Vant 中的Toast设置全局的延迟时间操作
2020/11/04 Javascript
[03:09]显微镜下的DOTA2第一期——带你走进华丽的DOTA2世界
2014/06/20 DOTA
[01:13:08]2018DOTA2亚洲邀请赛4.6 淘汰赛 mineski vs LGD 第二场
2018/04/10 DOTA
python实现在windows服务中新建进程的方法
2015/06/30 Python
Python3.遍历某文件夹提取特定文件名的实例
2018/04/26 Python
Python实现决策树C4.5算法的示例
2018/05/30 Python
Linux上使用Python统计每天的键盘输入次数
2019/04/17 Python
python中文分词库jieba使用方法详解
2020/02/11 Python
html5/css3响应式页面开发总结
2018/10/16 HTML / CSS
微软澳洲官方网站:Microsoft Australia
2017/01/10 全球购物
AP澳洲中文网:澳洲正品直邮,包税收件无忧
2019/07/12 全球购物
自我评价怎么写好呢?
2013/12/05 职场文书
致长跑运动员广播稿
2014/01/31 职场文书
党在我心中演讲稿
2014/09/02 职场文书
客服专员岗位职责
2015/02/10 职场文书
政府会议通知范文
2015/04/15 职场文书
工作感想范文
2015/08/07 职场文书
导游词之徐州云龙湖
2019/11/19 职场文书
云服务器部署 Web 项目的实现步骤
2022/06/28 Servers