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插件FusionCharts实现的MSBar2D图效果示例【附demo源码】
Mar 24 jQuery
jQuery实现动态生成表格并为行绑定单击变色动作的方法
Apr 17 jQuery
jQuery实现简单的抽奖游戏
May 05 jQuery
jQuery+Ajax请求本地数据加载商品列表页并跳转详情页的实现方法
Jul 12 jQuery
解决IE7中使用jQuery动态操作name问题
Aug 28 jQuery
jquery动态添加带有样式的HTML标签元素方法
Feb 24 jQuery
jQuery实现获取form表单内容及绑定数据到form表单操作分析
Jul 03 jQuery
JQuery Ajax执行跨域请求数据的解决方案
Dec 10 jQuery
jQuery实现表格的增、删、改操作示例
Jan 27 jQuery
Vue CLI3.0中使用jQuery和Bootstrap的方法
Feb 28 jQuery
JQuery样式与属性设置方法分析
Dec 07 jQuery
JQuery事件委托(适用于给动态生成的脚本元素添加事件)
Feb 01 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
基于MySQL分区性能的详细介绍
2013/05/02 PHP
php计算指定目录下文件占用空间的方法
2015/03/13 PHP
smarty中常用方法实例总结
2015/08/07 PHP
php反射学习之不用new方法实例化类操作示例
2019/06/14 PHP
不错的一个日期输入 动态
2006/11/06 Javascript
微信小程序 animation API详解及实例代码
2016/10/08 Javascript
bootstrap table复杂操作代码
2016/11/01 Javascript
Vuejs仿网易云音乐实现听歌及搜索功能
2017/03/30 Javascript
bootstrap 设置checkbox部分选中效果
2017/04/20 Javascript
Angular2之二级路由详解
2018/08/31 Javascript
vue双向绑定及观察者模式详解
2019/03/19 Javascript
JavaScript实现公告栏上下滚动效果
2020/03/13 Javascript
在vue项目中利用popstate处理页面返回的操作介绍
2020/08/06 Javascript
[59:08]DOTA2上海特级锦标赛C组小组赛#2 LGD VS Newbee第一局
2016/02/27 DOTA
Linux下使用python调用top命令获得CPU利用率
2015/03/10 Python
python超简单解决约瑟夫环问题
2015/05/12 Python
django实现分页的方法
2015/05/26 Python
使用Python实现简单的服务器功能
2017/08/25 Python
Python判断两个list是否是父子集关系的实例
2018/05/04 Python
对python中的乘法dot和对应分量相乘multiply详解
2018/11/14 Python
opencv python统计及绘制直方图的方法
2019/01/21 Python
python  logging日志打印过程解析
2019/10/22 Python
python中reload重载实例用法
2020/12/15 Python
一款恶搞头像特效的制作过程 利用css3和jquery
2014/11/21 HTML / CSS
解决html5中的video标签ios系统中无法播放使用的问题
2020/08/10 HTML / CSS
AJAX都有哪些有点和缺点
2012/11/03 面试题
挂牌仪式主持词
2014/03/20 职场文书
协议书怎么写
2014/04/21 职场文书
2015年办公室工作总结范文
2015/03/31 职场文书
幼儿园六一儿童节主持词
2015/06/30 职场文书
2016教师校本培训心得体会
2016/01/08 职场文书
求职信如何撰写?
2019/05/22 职场文书
合同范本之电脑出租
2019/08/13 职场文书
CSS 新特性 contain控制页面的重绘与重排问题
2021/04/30 HTML / CSS
Redisson实现Redis分布式锁的几种方式
2021/08/07 Redis
一次线上mongo慢查询问题排查处理记录
2022/03/18 MongoDB