jQuery实现定时隐藏对话框的方法分析


Posted in jQuery onFebruary 12, 2018

本文实例讲述了jQuery实现定时隐藏对话框的方法。分享给大家供大家参考,具体如下:

以下内容可能不完全正确,只是在有问题时进行参考。

1. setTimeout

    :出现设置了时间,但是程序立即执行的情况。

    :无论是window.setTimeout还是window.setInterval,在使用函数名作为调用句柄时都不能带参数。

    :解决就是定义一个匿名函数

setTimeout(function(){$j('#pre'+ID).fadeOut()},12000);

    :第二个参数是毫秒数,1秒=1000毫秒

其他情况:这个网址的介绍:https://3water.com/article/36681.htm

2.  设置对话框的掩藏

常用方法一:

<script language='javascript' type='text/javascript'>
$(function () {
  setTimeout(function () {
    $("divid").show();
  }, 6000);
})
</script>

常用方法二:

<script language='javascript' type='text/javascript'>
$(document).ready(
  function()
  {
    /**
    *1.delay函数是jquery 1.4.2新增的函数
    *2.hide函数里必须放一个0,不然延时不起作用
    *3.delay是异步执行的。
    */
    $('#divid').delay(6000).hide(0);
  }
);

参考网址的介绍:https://3water.com/article/135028.htm

3. fadeOut和hide的区别

hide隐藏的效果是从下至上或从右下到左上的慢慢折叠缩小,而fadeOut的淡出效果是整体淡化直至消失(我没有看出区别)

参考网址的介绍:https://3water.com/article/90750.htm

希望本文所述对大家JavaScript程序设计有所帮助。

jQuery 相关文章推荐
jQuery实现文章图片弹出放大效果
Apr 06 jQuery
jquery加载单文件vue组件的方法
Jun 20 jQuery
使用 jQuery 实现表单验证功能
Jul 05 jQuery
jQuery上传插件webupload使用方法
Aug 01 jQuery
jQuery接受后台传递的List的实例详解
Aug 02 jQuery
springmvc接收jquery提交的数组数据代码分享
Oct 28 jQuery
js与jQuery实现的用户注册协议倒计时功能实例【三种方法】
Nov 09 jQuery
jquery手机触屏滑动拼音字母城市选择器的实例代码
Dec 11 jQuery
基于jquery trigger函数无法触发a标签的两种解决方法
Jan 06 jQuery
jquery实现动态改变css样式的方法分析
May 27 jQuery
jQuery模拟html下拉多选框的原生实现方法示例
May 30 jQuery
jquery实现上传文件进度条
Mar 26 jQuery
JS/jQuery实现DIV延时几秒后消失或显示的方法
Feb 12 #jQuery
集成vue到jquery/bootstrap项目的方法
Feb 10 #jQuery
jQuery实现的简单图片轮播效果完整示例
Feb 08 #jQuery
jQuery 防止相同的事件快速重复触发方法
Feb 08 #jQuery
jQuery实现动态显示select下拉列表数据的方法
Feb 05 #jQuery
jQuery Dom元素操作技巧
Feb 04 #jQuery
jQuery niceScroll滚动条错位问题的解决方法
Feb 03 #jQuery
You might like
用缓存实现静态页面的测试
2006/12/06 PHP
浅谈json_encode用法
2015/03/05 PHP
Mac版PhpStorm之XAMPP整合apache服务器配置的图文教程详解
2016/10/13 PHP
js获取变量
2006/08/24 Javascript
基于逻辑运算的简单权限系统(实现) JS 版
2007/03/24 Javascript
用JavaScript 处理 URL 的两个函数代码
2007/08/13 Javascript
JavaScript 三种不同位置代码的写法
2009/10/25 Javascript
ie下动态加态js文件的方法
2011/09/13 Javascript
JS构建页面的DOM节点结构的实现代码
2011/12/09 Javascript
Raphael一个用于在网页中绘制矢量图形的Javascript库
2013/01/08 Javascript
js为数字添加逗号并格式化数字的代码
2013/08/23 Javascript
jQuery中关于ScrollableGridPlugin.js(固定表头)插件的使用逐步解析
2014/07/17 Javascript
去除html代码里面的script正则方法
2016/05/19 Javascript
node安装--linux下的快速安装教程
2017/03/21 Javascript
JS鼠标3次点击事件实现代码及扩展思路
2017/09/12 Javascript
关于js的三种使用方式(行内js、内部js、外部js)的程序代码
2018/05/05 Javascript
pm2发布node配置文件ecosystem.json详解
2019/05/15 Javascript
JS实现继承的几种常用方式示例
2019/06/22 Javascript
序列化模块json代码实例详解
2020/03/03 Javascript
Vue 如何使用props、emit实现自定义双向绑定的实现
2020/06/05 Javascript
[01:04:14]OG vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
python通过索引遍历列表的方法
2015/05/04 Python
基于Django静态资源部署404的解决方法
2019/07/28 Python
Python Web框架之Django框架Form组件用法详解
2019/08/16 Python
Opencv图像处理:如何判断图片里某个颜色值占的比例
2020/06/03 Python
两种CSS3伪类选择器详细介绍
2013/12/24 HTML / CSS
Roxy荷兰官方网站:冲浪、滑雪板、服装和配件
2019/10/22 全球购物
上海奥佳笔试题面试题
2016/11/16 面试题
Does C# support multiple inheritance? (C#支持多重继承吗)
2012/01/04 面试题
Linux上比较文件的命令都有哪些
2012/02/24 面试题
解释i节点在文件系统中的作用
2013/11/26 面试题
运动会班级口号
2014/06/09 职场文书
年终晚会活动方案
2014/08/21 职场文书
婚礼答谢礼品
2015/01/20 职场文书
幼儿园中班教师个人总结
2015/02/05 职场文书
社区环境卫生倡议书
2015/04/29 职场文书