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 24 jQuery
jquery实现静态搜索功能(可输入搜索文字)
Mar 28 jQuery
为JQuery EasyUI 表单组件增加焦点切换功能的方法
Apr 13 jQuery
jQuery为某个div加入行样式
Jun 09 jQuery
jQuery dateRangePicker插件使用方法详解
Jul 28 jQuery
jquery一键控制checkbox全选、反选或全不选
Oct 16 jQuery
jQuery实现所有验证通过方可提交的表单验证
Nov 21 jQuery
判断jQuery是否加载完成,没完成继续判断的解决方法
Dec 06 jQuery
jQuery实现的简单图片轮播效果完整示例
Feb 08 jQuery
jQuery实现条件搜索查询、实时取值及升降序排序的方法分析
May 04 jQuery
jQuery实现动态生成年月日级联下拉列表示例
May 11 jQuery
jquery 键盘事件 keypress() keydown() keyup()用法总结
Oct 23 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的cURL快速入门教程 (小偷采集程序)
2011/06/02 PHP
OAuth认证协议中的HMACSHA1加密算法(实例)
2017/10/25 PHP
PHP分享图片的生成方法
2018/04/25 PHP
Centos7 Yum安装PHP7.2流程教程详解
2019/07/02 PHP
laravel 数据验证规则详解
2019/10/23 PHP
基于jquery自定义的漂亮单选按钮RadioButton
2013/11/19 Javascript
href下载文件根据id取url并下载
2014/05/28 Javascript
详解JavaScript中基于原型prototype的继承特性
2016/05/05 Javascript
jQuery基于排序功能实现上移、下移的方法
2016/11/26 Javascript
使用classList来实现两个按钮样式的切换方法
2018/01/24 Javascript
js判断一个对象是数组(函数)的方法实例
2019/12/19 Javascript
js中调用微信的扫描二维码功能的实现代码
2020/04/11 Javascript
vue 使用原生组件上传图片的实例
2020/09/08 Javascript
vue+axios 拦截器实现统一token的案例
2020/09/11 Javascript
vue实现防抖的实例代码
2021/01/11 Vue.js
[45:56]Ti4正赛第一天 VG vs NEWBEE 3
2014/07/19 DOTA
Python的标准模块包json详解
2017/03/13 Python
动态规划之矩阵连乘问题Python实现方法
2017/11/27 Python
windows下安装python的C扩展编译环境(解决Unable to find vcvarsall.bat)
2018/02/21 Python
Flask框架Jinjia模板常用语法总结
2018/07/19 Python
python实现彩票系统
2020/06/28 Python
python射线法判断检测点是否位于区域外接矩形内
2019/06/28 Python
python 实现检验33品种数据是否是正态分布
2019/12/09 Python
Python模块的定义,模块的导入,__name__用法实例分析
2020/01/07 Python
python发qq消息轰炸虐狗好友思路详解(完整代码)
2020/02/15 Python
Python下载网易云歌单歌曲的示例代码
2020/08/12 Python
Python入门基础之数字字符串与列表
2021/02/01 Python
python urllib和urllib3知识点总结
2021/02/08 Python
Python LMDB库的使用示例
2021/02/14 Python
纽约香氛品牌:NEST Fragrance
2018/10/15 全球购物
美国战术品牌:5.11 Tactical
2019/05/01 全球购物
电子狗项圈:eDog Australia
2019/12/04 全球购物
小学生我的梦想演讲稿
2014/08/21 职场文书
死亡诗社观后感
2015/06/05 职场文书
学校运动会感想
2015/08/10 职场文书
62句有关感恩节文案(推荐收藏)
2019/11/28 职场文书