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用户头像裁剪插件cropbox.js使用详解
Jun 07 jQuery
详谈表单格式化插件jquery.serializeJSON
Jun 23 jQuery
基于jQuery封装的分页组件
Jun 26 jQuery
jQuery实现可兼容IE6的滚动监听功能
Sep 20 jQuery
基于jQuery解决ios10以上版本缩放问题
Nov 03 jQuery
详解在vue-cli中引用jQuery、bootstrap以及使用sass、less编写css
Nov 08 jQuery
使用Ajax和Jquery配合数据库实现下拉框的二级联动的示例
Jan 25 jQuery
使用jquery-easyui的布局layout写后台管理页面的代码详解
Jun 19 jQuery
JQuery常用选择器功能与用法实例分析
Dec 23 jQuery
jQuery 选择器用法基础入门示例
Jan 04 jQuery
jQuery实现简单飞机大战
Jul 05 jQuery
js和jquery判断数据类型的4种方法总结
Aug 28 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
APMServ使用说明
2006/10/23 PHP
PHP类与对象后期静态绑定操作实例详解
2018/12/20 PHP
php常用字符串长度函数strlen()与mb_strlen()用法实例分析
2019/06/25 PHP
window.onload 加载完毕的问题及解决方案(上)
2009/07/09 Javascript
var与Javascript变量隐式声明
2009/09/17 Javascript
JavaScript继承方式实例
2010/10/29 Javascript
javascript 文件的同步加载与异步加载实现原理
2012/12/13 Javascript
编写针对IE的JS代码两种编写方法
2013/01/30 Javascript
JS网页图片按比例自适应缩放实现方法
2014/01/15 Javascript
js控制分页打印、打印分页示例
2014/02/08 Javascript
JavaScript Serializer序列化时间处理示例
2014/07/31 Javascript
javascript定义变量时带var与不带var的区别分析
2015/01/12 Javascript
AngularJS表单编辑提交功能实例
2015/02/13 Javascript
javascript的几种继承方法介绍
2016/03/22 Javascript
谈谈PHP中相对路径的问题与绝对路径的使用
2016/08/16 Javascript
js中的eval()函数把含有转义字符的字符串转换成Object对象的方法
2016/12/02 Javascript
webpack vue 项目打包生成的文件,资源文件报404问题的修复方法(总结篇)
2018/01/09 Javascript
原生JS实现列表子元素顺序反转的方法分析
2018/07/02 Javascript
vue登录页面cookie的使用及页面跳转代码
2019/07/10 Javascript
通过原生vue添加滚动加载更多功能
2019/11/21 Javascript
JS写滑稽笑脸运动效果
2020/05/28 Javascript
Python中元组,列表,字典的区别
2017/05/21 Python
Python实现完整的事务操作示例
2017/06/20 Python
python利用正则表达式排除集合中字符的功能示例
2017/10/10 Python
python八大排序算法速度实例对比
2017/12/06 Python
Python实现的将文件每一列写入列表功能示例【测试可用】
2018/03/19 Python
python如何读写csv数据
2018/03/21 Python
Python实现基于socket的udp传输与接收功能详解
2019/11/15 Python
用你熟悉的语言写一个连接ORACLE数据库的程序,能够完成修改和查询工作
2012/06/11 面试题
存储过程和sql语句的优缺点
2014/07/02 面试题
八荣八耻演讲稿
2014/09/15 职场文书
财产分割协议书范本
2014/11/03 职场文书
考察邀请函范文
2015/01/31 职场文书
教你用python实现12306余票查询
2021/06/30 Python
Pandas自定义选项option设置
2021/07/25 Python
python 离散点图画法的实现
2022/04/01 Python