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插件HighCharts绘制简单2D折线图效果示例【附demo源码】
Mar 21 jQuery
基于jquery实现二级联动效果
Mar 30 jQuery
jQuery序列化后的表单值转换成Json
Jun 16 jQuery
jQuery、layer实现弹出层的打开、关闭功能
Jun 28 jQuery
如何将 jQuery 从你的 Bootstrap 项目中移除(取而代之使用Vue.js)
Jul 17 jQuery
jq源码解析之绑在$,jQuery上面的方法(实例讲解)
Oct 13 jQuery
原生JS与jQuery编写简单选项卡
Oct 30 jQuery
jQuery中内容过滤器简单用法示例
Mar 31 jQuery
详解使用jQuery.i18n.properties实现js国际化
May 04 jQuery
jQuery.validate.js表单验证插件的使用代码详解
Oct 22 jQuery
使用jquery-easyui的布局layout写后台管理页面的代码详解
Jun 19 jQuery
jQuery实现可以计算进制转换的计算器
Oct 19 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/12/21 PHP
PHP删除数组中特定元素的两种方法
2013/07/02 PHP
PHP实现检测客户端是否使用代理服务器及其匿名级别
2015/01/07 PHP
JS随机漂浮广告代码具体实例
2013/11/19 Javascript
jquery ajaxSubmit 异步提交的简单实现
2014/02/28 Javascript
Javascript的&amp;&amp;和||的另类用法
2014/07/23 Javascript
使用requestAnimationFrame实现js动画性能好
2015/08/06 Javascript
[原创]Javascript 实现广告后加载 可加载百度谷歌联盟广告
2016/05/11 Javascript
Javascript 事件冒泡机制详细介绍
2016/10/10 Javascript
AngularJS实现给动态生成的元素绑定事件的方法
2016/12/14 Javascript
js返回顶部实例分享
2016/12/21 Javascript
js数字计算 误差问题的快速解决方法
2017/02/28 Javascript
基于js中的存储键值对以及注意事项介绍
2018/03/30 Javascript
一个基于react的图片裁剪组件示例
2018/04/18 Javascript
jQuery解析json格式数据示例
2018/09/01 jQuery
Vue-CLI 3 scp2自动部署项目至服务器的方法
2020/07/24 Javascript
[00:10]DOTA2 TI9勇士令状明日上线
2019/05/07 DOTA
Python实现计算文件夹下.h和.cpp文件的总行数
2015/04/23 Python
Python实现学校管理系统
2018/01/11 Python
python opencv实现切变换 不裁减图片
2018/07/26 Python
解决python中画图时x,y轴名称出现中文乱码的问题
2019/01/29 Python
django将网络中的图片,保存成model中的ImageField的实例
2019/08/07 Python
详解解决Python memory error的问题(四种解决方案)
2019/08/08 Python
python实现网站微信登录的示例代码
2019/09/18 Python
python做接口测试的必要性
2019/11/20 Python
Python使用re模块验证危险字符
2020/05/21 Python
Python高并发解决方案实现过程详解
2020/07/31 Python
世界首屈一指的钓鱼用品商店:TackleDirect
2016/07/26 全球购物
Stella McCartney官网:成衣、包袋、香水、内衣、童装及Adidas系列
2018/12/20 全球购物
运动会开幕式邀请函
2014/01/22 职场文书
cf收人广告词
2014/03/14 职场文书
一次性工伤赔偿协议书范本
2014/11/25 职场文书
个人党性分析材料
2014/12/19 职场文书
盗窃案辩护词
2015/05/21 职场文书
雷锋的观后感
2015/06/10 职场文书
2019年图书室自查报告范本
2019/10/12 职场文书