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 相关文章推荐
vue单页应用中如何使用jquery的方法示例
Jul 27 jQuery
jQuery:unbind方法的使用详解
Aug 14 jQuery
jQuery选择器特殊字符与属性空格问题
Aug 14 jQuery
jQuery实现定时隐藏对话框的方法分析
Feb 12 jQuery
jQuery实现每隔一段时间自动更换样式的方法分析
May 03 jQuery
jquery引入外部CDN 加载失败则引入本地jq库
May 23 jQuery
jQuery 导航自动跟随滚动的实现代码
May 30 jQuery
Vue.js 通过jQuery ajax获取数据实现更新后重新渲染页面的方法
Aug 09 jQuery
jquery使用FormData实现异步上传文件
Oct 25 jQuery
jquery制作的移动端购物车效果完整示例
Feb 24 jQuery
jQuery实现高度灵活的表单验证功能示例【无UI】
Apr 30 jQuery
JQuery插件tablesorter表格排序实现过程解析
May 28 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
探讨GDFONTPATH能否被winxp下的php支持
2013/06/21 PHP
php调用C代码的实现方法
2014/03/11 PHP
php 输入输出流详解及示例代码
2016/08/25 PHP
php数据库的增删改查 php与javascript之间的交互
2017/08/31 PHP
基于Laravel(5.4版本)的基本增删改查操作方法
2019/10/11 PHP
简单三步,搞掂内存泄漏
2007/03/10 Javascript
ExtJS 简介 让你知道extjs是什么
2008/12/29 Javascript
javascript iframe内的函数调用实现方法
2009/07/19 Javascript
使用jQuery的将桌面应用程序引入浏览器
2010/11/19 Javascript
js取float型小数点后两位数的方法
2014/01/18 Javascript
javascript正则匹配汉字、数字、字母、下划线
2014/04/10 Javascript
告诉你什么是javascript的回调函数
2014/09/04 Javascript
nodejs 提示‘xxx’ 不是内部或外部命令解决方法
2014/11/20 NodeJs
jquery单选框radio绑定click事件实现方法
2015/01/14 Javascript
jQuery源码解读之removeClass()方法分析
2015/02/20 Javascript
JavaScript时间转换处理函数
2015/04/14 Javascript
由ReactJS的Hello world说开来
2015/07/02 Javascript
javascript自定义in_array()函数实现方法
2015/08/03 Javascript
jQuery插件实现多级联动菜单效果
2015/12/01 Javascript
Summernote实现图片上传功能的简单方法
2016/07/11 Javascript
js实现简单的网页换肤效果
2017/01/18 Javascript
基于Bootstrap框架实现图片切换
2017/03/10 Javascript
浅谈Vue Element中Select下拉框选取值的问题
2018/03/01 Javascript
vue 中url 链接左边的小图标更改问题
2019/12/30 Javascript
python 快速排序代码
2009/11/23 Python
读写json中文ASCII乱码问题的解决方法
2016/11/05 Python
python中利用xml.dom模块解析xml的方法教程
2017/05/24 Python
基于Python实现的ID3决策树功能示例
2018/01/02 Python
python 重定向获取真实url的方法
2018/05/11 Python
python3 deque 双向队列创建与使用方法分析
2020/03/24 Python
Python几种常见算法汇总
2020/06/02 Python
Python Sqlalchemy如何实现select for update
2020/10/12 Python
如何用Python提取10000份log中的产品信息
2021/01/14 Python
学习雷锋月活动总结
2014/07/03 职场文书
餐厅保洁员岗位职责
2015/04/10 职场文书
《水浒传》读后感3篇(范文)
2019/09/19 职场文书