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实现异步加载图片(懒加载图片一种方式)
Apr 24 jQuery
关于jQuery.ajax()的jsonp碰上post详解
Jul 02 jQuery
jQuery plugin animsition使用小结
Sep 14 jQuery
jQuery实现简单日期格式化功能示例
Sep 19 jQuery
jQuery实现点击DIV同时点击CheckBox,并为DIV上背景色的实例
Dec 18 jQuery
(模仿京东用户注册)用JQuery实现简单表单验证,初学者必看
Jan 08 jQuery
jQuery代码优化方法总结
Jan 29 jQuery
jQuery实现百度图片移入移出内容提示框上下左右移动的效果
Jun 05 jQuery
jQuery实现table表格checkbox全选的方法分析
Jul 04 jQuery
jQuery内容选择器与表单选择器实例分析
Jun 28 jQuery
jQuery实现简单日历效果
Jul 05 jQuery
jquery实现简单自动轮播图效果
Jul 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下实现折线图效果的代码
2007/04/28 PHP
php批量删除数据库下指定前缀的表以prefix_为例
2014/08/24 PHP
php使用ZipArchive提示Fatal error: Class ZipArchive not found in的解决方法
2014/11/04 PHP
php实现的美国50个州选择列表实例
2015/04/20 PHP
PHP使用PHPExcel实现批量上传到数据库的方法
2017/06/08 PHP
Prototype使用指南之ajax
2007/01/10 Javascript
window.open被浏览器拦截后的自定义提示效果代码
2007/11/19 Javascript
img的onload的另类用法
2008/01/10 Javascript
JS 事件绑定函数代码
2010/04/28 Javascript
window.showModalDialog参数传递中含有特殊字符的处理方法
2013/06/06 Javascript
jquery和css3实现的炫酷时尚的菜单导航
2014/09/01 Javascript
jQuery中:focus选择器用法实例
2014/12/30 Javascript
JavaScript实现移动端页面按手机屏幕分辨率自动缩放的最强代码
2017/08/18 Javascript
vue框架中props的typescript用法详解
2020/02/17 Javascript
[04:42]2015国际邀请赛CDEC战队晋级之路
2015/08/13 DOTA
Tornado服务器中绑定域名、虚拟主机的方法
2014/08/22 Python
Python实现读取目录所有文件的文件名并保存到txt文件代码
2014/11/22 Python
Python数据分析之双色球统计单个红和蓝球哪个比例高的方法
2018/02/03 Python
iPython pylab模式启动方式
2020/04/24 Python
简单了解python shutil模块原理及使用方法
2020/04/28 Python
Python类super()及私有属性原理解析
2020/06/15 Python
前端H5 Video常见使用场景简介
2020/08/21 HTML / CSS
领先的钻石和订婚戒指零售商:Diamonds-USA
2016/12/11 全球购物
Lulu & Georgia官方网站:购买地毯、家具、抱枕、壁纸、床上用品等
2018/03/19 全球购物
Chain Reaction Cycles俄罗斯:世界上最大的在线自行车商店
2019/08/27 全球购物
文明教师事迹材料
2014/01/16 职场文书
爷爷追悼会答谢词
2014/01/24 职场文书
少年闰土教学反思
2014/02/22 职场文书
招商引资工作汇报
2014/10/28 职场文书
2014年工作总结及2015工作计划
2014/12/12 职场文书
电影小兵张嘎观后感
2015/06/03 职场文书
工作后的感想
2015/08/07 职场文书
Python基础之元类详解
2021/04/29 Python
Python绘制地图神器folium的新人入门指南
2021/05/23 Python
Python 如何将integer转化为罗马数(3999以内)
2021/06/05 Python
Python实现批量将文件复制到新的目录中再修改名称
2022/04/12 Python