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插件
Mar 29 jQuery
利用jquery去掉时光轴头尾部线条的方法实例
Jun 16 jQuery
基于jQuery的表单填充实例
Aug 22 jQuery
简单实现jQuery弹窗效果
Oct 30 jQuery
jQuery实现的电子时钟效果完整示例
Apr 28 jQuery
JQuery通过后台获取数据遍历到前台的方法
Aug 13 jQuery
jQuery实现左右两个列表框的内容相互移动功能示例
Jan 27 jQuery
jQuery实现带3D切割效果的轮播图功能示例【附源码下载】
Apr 04 jQuery
基于jquery ajax的多文件上传进度条过程解析
Sep 11 jQuery
jquery实现拖拽小方块效果
Dec 10 jQuery
jquery插件实现搜索历史
Apr 24 jQuery
jQuery ajax - getScript() 方法和getJSON方法
May 14 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
聊天室php&amp;mysql(一)
2006/10/09 PHP
php 错误处理经验分享
2011/10/11 PHP
php视频拍照上传头像功能实现代码分享
2015/10/08 PHP
TP框架实现上传一张图片和批量上传图片的方法分析
2020/04/23 PHP
jquery validate.js表单验证的基本用法入门
2010/05/13 Javascript
js中有关IE版本检测
2012/01/04 Javascript
js定时器(执行一次、重复执行)
2014/03/07 Javascript
使用jquery实现的循环连续可停顿滚动实例
2016/11/23 Javascript
Bootstrap学习笔记之环境配置(1)
2016/12/07 Javascript
Angularjs为ng-click事件传递参数
2017/06/15 Javascript
简述pm2常用命令集合及配置文件说明
2019/05/30 Javascript
你或许不知道的一些npm实用技巧
2019/07/04 Javascript
vue 里面的 $forceUpdate() 强制实例重新渲染操作
2020/09/21 Javascript
openlayers4.6.5实现距离量测和面积量测
2020/09/25 Javascript
vue 获取到数据但却渲染不到页面上的解决方法
2020/11/19 Vue.js
[01:15:00]LGD vs Mineski Supermajor 胜者组 BO3 第一场 6.5
2018/06/06 DOTA
python批量下载图片的三种方法
2013/04/22 Python
使用pyecharts无法import Bar的解决方案
2020/04/23 Python
python3中set(集合)的语法总结分享
2017/03/24 Python
python+pandas生成指定日期和重采样的方法
2018/04/11 Python
简单了解python PEP的一些知识
2019/07/13 Python
Jupyter notebook命令和编辑模式常用快捷键汇总
2020/11/17 Python
钉钉企业内部H5微应用开发详解
2020/05/12 HTML / CSS
Canon佳能美国官方商店:购买数码相机、数码单反相机、镜头和打印机
2016/11/15 全球购物
Monnier Freres中文官网:法国领先的奢侈品配饰在线零售商
2017/11/01 全球购物
澳大利亚最好的厨具店:Kitchen Warehouse
2018/03/13 全球购物
俄罗斯香水和化妆品购物网站:Л’Этуаль
2018/05/10 全球购物
GafasWorld西班牙:购买太阳镜、眼镜和隐形眼镜
2019/09/08 全球购物
有趣的睡衣和礼物:LazyOne
2019/11/27 全球购物
行政文秘岗位职责范本
2014/02/10 职场文书
本科生就业推荐信
2014/05/19 职场文书
生死抉择观后感
2015/06/09 职场文书
安全生产隐患排查制度
2015/08/05 职场文书
2016年秋季运动会通讯稿
2015/11/25 职场文书
2016大学生毕业实习心得体会
2016/01/23 职场文书
关于战胜挫折的名言警句大全!
2019/07/05 职场文书