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实现简单漂亮的Nav导航菜单效果
Mar 29 jQuery
jQuery使用正则验证15/18身份证的方法示例
Apr 27 jQuery
jquery仿微信聊天界面
May 06 jQuery
jquery+css实现侧边导航栏效果
Jun 12 jQuery
jquery+css实现下拉列表功能
Sep 03 jQuery
jQuery实现手机号正则验证输入及自动填充空格功能
Jan 02 jQuery
jquery引入外部CDN 加载失败则引入本地jq库
May 23 jQuery
jQuery实现表单动态添加与删除数据操作示例
Jul 03 jQuery
JQuery中queue方法用法示例
Jan 31 jQuery
jQuery中each和js中forEach的区别分析
Feb 27 jQuery
基于jquery实现的tab选项卡功能示例【附源码下载】
Jun 10 jQuery
jQuery实现弹幕特效
Nov 29 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中通过smtp发邮件的类,测试通过
2007/01/22 PHP
PHP_MySQL教程-第一天
2007/03/18 PHP
php通过字符串调用函数示例
2014/03/02 PHP
php带抄送和密件抄送的邮件发送方法
2015/03/20 PHP
PHP设置进度条的方法
2015/07/08 PHP
PHP实现C#山寨ArrayList的方法
2015/07/16 PHP
详谈php静态方法及普通方法的区别
2016/10/04 PHP
php实现将数组或对象写入到文件的方法小结【三种方法】
2020/04/22 PHP
ko knockoutjs动态属性绑定技巧应用
2012/11/14 Javascript
JS日期和时间选择控件升级版(自写)
2013/08/02 Javascript
javascript禁制后退键(Backspace)实例代码
2013/11/15 Javascript
javascript在子页面中函数无法调试问题解决方法
2014/01/17 Javascript
文本域光标操作的jQuery扩展分享
2014/03/10 Javascript
js简单的点击返回顶部效果实现方法
2015/04/10 Javascript
jQuery的animate函数实现图文切换动画效果
2015/05/03 Javascript
javascript for-in有序遍历json数据并探讨各个浏览器差异
2015/11/30 Javascript
nodejs实现bigpipe异步加载页面方案
2016/01/26 NodeJs
使用Script元素发送JSONP请求的方法
2016/06/12 Javascript
vue微信分享出来的链接点开是首页问题的解决方法
2018/11/28 Javascript
Vue extend的基本用法(实例详解)
2019/12/09 Javascript
Javascript var变量删除原理及实现
2020/08/26 Javascript
python处理中文编码和判断编码示例
2014/02/26 Python
17个Python小技巧分享
2015/01/23 Python
Python递归实现汉诺塔算法示例
2018/03/19 Python
PyQt5实现无边框窗口的标题拖动和窗口缩放
2018/04/19 Python
django 实现celery动态设置周期任务执行时间
2019/11/19 Python
应届生法律求职信
2013/10/22 职场文书
仓库主管的岗位职责
2013/12/04 职场文书
求职自荐信的格式
2014/04/07 职场文书
幼儿园师德师风学习材料
2014/05/29 职场文书
旅游文化节策划方案
2014/06/06 职场文书
关爱空巢老人感想
2015/08/11 职场文书
nginx配置proxy_pass中url末尾带/与不带/的区别详解
2021/03/31 Servers
python opencv通过4坐标剪裁图片
2021/06/05 Python
SQL Server携程核心系统无感迁移到MySQL实战
2022/06/01 SQL Server
MySQL提升大量数据查询效率的优化神器
2022/07/07 MySQL