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 相关文章推荐
BootStrap中jQuery插件Carousel实现轮播广告效果
Mar 27 jQuery
JS jQuery使用正则表达式去空字符的简单实现代码
May 20 jQuery
各种选择框jQuery的选中方法(实例讲解)
Jun 27 jQuery
jQuery动画_动力节点节点Java学院整理
Jul 04 jQuery
jQuery UI 实例讲解 - 日期选择器(Datepicker)
Sep 18 jQuery
jQuery实现浏览器之间跳转并传递参数功能【支持中文字符】
Mar 28 jQuery
jQuery超简单遮罩层实现方法示例
Sep 06 jQuery
jQuery轮播图功能制作方法详解
Dec 03 jQuery
jQuery实现轮播图效果demo
Jan 11 jQuery
jQuery 图片查看器插件 Viewer.js用法简单示例
Apr 04 jQuery
jquery轮播图插件使用方法详解
Jul 31 jQuery
IDEA配置jQuery, $符号不再显示黄色波浪线的问题
Oct 09 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
一个oracle+PHP的查询的例子
2006/10/09 PHP
PHP的SQL注入过程分析
2012/01/06 PHP
php使用curl和正则表达式抓取网页数据示例
2014/04/13 PHP
php获取目录中所有文件名及判断文件与目录的简单方法
2017/03/04 PHP
PHP rsa加密解密算法原理解析
2020/12/09 PHP
Jquery乱码的一次解决过程 图解教程
2010/02/20 Javascript
匹配任意字符的正则表达式写法
2010/04/29 Javascript
javascript调试之DOM断点调试法使用技巧分享
2014/04/15 Javascript
javascript圆盘抽奖程序实现原理和完整代码例子
2014/06/03 Javascript
JS简单操作select和dropdownlist实例
2014/11/26 Javascript
JS动态修改图片的URL(src)的方法
2015/04/01 Javascript
javascript html5摇一摇功能的实现
2016/04/19 Javascript
使用node.js搭建服务器
2017/05/20 Javascript
js 数组详细操作方法及解析合集
2018/06/01 Javascript
JS实现的全选、全不选及反选功能【案例】
2019/02/19 Javascript
Vue 理解之白话 getter/setter详解
2019/04/16 Javascript
微信小程序封装的HTTP请求示例【附升级版】
2019/05/11 Javascript
uni-app实现点赞评论功能
2019/11/25 Javascript
跟老齐学Python之再深点,更懂list
2014/09/20 Python
用Python中的wxPython实现最基本的浏览器功能
2015/04/14 Python
Python轻量级ORM框架Peewee访问sqlite数据库的方法详解
2017/07/20 Python
python定时任务 sched模块用法实例
2019/11/04 Python
python使用配置文件过程详解
2019/12/28 Python
Python numpy矩阵处理运算工具用法汇总
2020/07/13 Python
爱尔兰家电数码商城:Currys PC World爱尔兰
2016/07/23 全球购物
Nili Lotan官网:Nili Lotan同名品牌
2018/01/07 全球购物
Exoticca英国:以最优惠的价格提供豪华异国情调旅行
2018/10/18 全球购物
继电保护工岗位职责
2014/01/05 职场文书
晚宴邀请函范文
2014/01/15 职场文书
秋季运动会广播稿大全
2014/02/17 职场文书
清明节网上祭英烈活动总结
2014/04/30 职场文书
党的群众路线专项整治方案
2014/11/03 职场文书
党员自评材料范文
2014/12/17 职场文书
努力学习保证书
2015/02/26 职场文书
实习护士自荐信
2015/03/25 职场文书
会议通知
2015/04/15 职场文书