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中关于bind()方法的使用技巧分享
Mar 30 jQuery
jQuery 1.9版本以上的浏览器判断方法代码分享
Aug 28 jQuery
jQuery 实现鼠标画框并对框内数据选中的实例代码
Aug 29 jQuery
jQuery实现打开网页自动弹出遮罩层或点击弹出遮罩层功能示例
Oct 19 jQuery
jQuery滚动条美化插件nicescroll简单用法示例
Apr 18 jQuery
jQuery实现table表格checkbox全选的方法分析
Jul 04 jQuery
jQuery实现导航样式布局操作示例【可自定义样式布局】
Jul 24 jQuery
js jquery 获取某一元素到浏览器顶端的距离实现方法
Sep 05 jQuery
jQuery AJAX与jQuery事件的分析讲解
Feb 18 jQuery
JQuery复选框全选效果如何实现
May 08 jQuery
jQuery 选择器用法实例分析【prev + next】
May 22 jQuery
jQuery实现开关灯效果
Aug 02 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上传、管理照片示例
2006/10/09 PHP
完美解决phpexcel导出到xls文件出现乱码的问题
2016/10/29 PHP
php实现购物车功能(以大苹果购物网为例)
2017/03/09 PHP
PHP编程计算两个时间段是否有交集的实现方法(不算边界重叠)
2017/05/30 PHP
thinkphp 中的volist标签在ajax操作中的特殊性(推荐)
2018/01/15 PHP
Yii框架使用PHPExcel导出Excel文件的方法分析【改进版】
2019/07/24 PHP
Jquery Ajax学习实例6 向WebService发出请求,返回DataSet(XML) 异步调用
2010/03/18 Javascript
javascript实现TreeView 无刷新展开的实例代码
2013/07/13 Javascript
jquery动态加载select下拉框示例代码
2013/12/10 Javascript
js语法学习之判断一个对象是否为数组
2014/05/13 Javascript
浅谈js中的闭包
2015/03/16 Javascript
jquery实现清新实用的网页菜单效果
2015/08/28 Javascript
js读取并解析JSON类型数据的方法
2015/11/14 Javascript
ES6新特性八:async函数用法实例详解
2017/04/21 Javascript
详解create-react-app 2.0版本如何启用装饰器语法
2018/10/23 Javascript
vue实现todolist功能、todolist组件拆分及todolist的删除功能
2019/04/11 Javascript
Python实现Const详解
2015/01/27 Python
Python中将变量按行写入txt文本中的方法
2018/04/03 Python
利用django-suit模板添加自定义的菜单、页面及设置访问权限
2018/07/13 Python
Python对接六大主流数据库(只需三步)
2019/07/31 Python
Python的信号库Blinker用法详解
2020/12/31 Python
CSS Grid布局教程之什么是网格布局
2014/12/30 HTML / CSS
html5本地存储 localStorage操作使用详解
2016/09/20 HTML / CSS
在C#中如何实现多态
2014/07/02 面试题
员工年终演讲稿
2014/01/03 职场文书
竞争上岗实施方案
2014/03/21 职场文书
关于工作时间玩手机的检讨书
2014/09/18 职场文书
骆驼祥子读书笔记
2015/06/26 职场文书
生活委员竞选稿
2015/11/21 职场文书
离婚协议书格式范本
2016/03/18 职场文书
2016年助残日旅游活动总结
2016/04/01 职场文书
创业项目(超低成本创业项目)
2019/08/16 职场文书
Nginx使用X-Accel-Redirect实现静态文件下载的统计、鉴权、防盗链、限速等
2021/04/04 Servers
使用CSS实现小三角边框原理解析
2021/11/07 HTML / CSS
开机音效回归! Windows 11重新引入开机铃声
2021/11/21 数码科技
python开发人人对战的五子棋小游戏
2022/05/02 Python