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 相关文章推荐
HTML5+jQuery实现搜索智能匹配功能
Mar 24 jQuery
jQuery获取table下某一行某一列的值实现代码
Apr 07 jQuery
jQuery自定义元素右键点击事件(实现案例)
Apr 28 jQuery
jQuery实现简单的手风琴效果
Apr 17 jQuery
jQuery+ajax实现修改密码验证功能实例详解
Jul 06 jQuery
jQuery Ajax 实现分页 kkpager插件实例代码
Aug 10 jQuery
jquery tmpl模板(实例讲解)
Sep 02 jQuery
jQuery结合jQuery.cookie.js插件实现换肤功能示例
Oct 14 jQuery
webpack里使用jquery.mCustomScrollbar插件的方法
May 30 jQuery
jQuery基于Ajax实现读取XML数据功能示例
May 31 jQuery
jQuery实现小火箭返回顶部特效
Feb 03 jQuery
jQuery实现点击滚动到指定元素上的方法分析
Mar 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 第二节 数据类型之数组
2012/04/28 PHP
php生成静态页面的简单示例
2014/04/17 PHP
PHP如何实现订单的延时处理详解
2017/12/30 PHP
laravel框架创建授权策略实例分析
2019/11/22 PHP
PHP 实现链式操作
2021/03/09 PHP
JQuery SELECT单选模拟jQuery.select.js
2009/11/12 Javascript
实现js保留小数点后N位的代码
2014/11/13 Javascript
JavaScript和JQuery的鼠标mouse事件冒泡处理
2015/06/19 Javascript
jquery树形菜单效果的简单实例
2016/06/06 Javascript
JavaScript中Form表单技术汇总(推荐)
2016/06/26 Javascript
ros::spin() 和 ros::spinOnce()函数的区别及详解
2016/10/01 Javascript
React中ES5与ES6写法的区别总结
2017/04/21 Javascript
JS实现匀加速与匀减速运动的方法示例
2017/09/04 Javascript
微信小程序云开发实现增删改查功能
2019/05/17 Javascript
keep-alive不能缓存多层级路由菜单问题解决
2020/03/10 Javascript
Python中使用ElementTree解析XML示例
2015/06/02 Python
python八大排序算法速度实例对比
2017/12/06 Python
Python统计python文件中代码,注释及空白对应的行数示例【测试可用】
2018/07/25 Python
Python2 Selenium元素定位的实现(8种)
2019/02/25 Python
Python3.5实现的三级菜单功能示例
2019/03/25 Python
如何给Python代码进行加密
2020/01/10 Python
新手学习Python2和Python3中print不同的用法
2020/06/09 Python
美国玩具公司:U.S.Toy
2018/05/19 全球购物
大学生活学习的自我评价
2013/12/03 职场文书
初二生物教学反思
2014/02/03 职场文书
先进事迹报告会主持词
2014/04/02 职场文书
团干部培训方案
2014/06/03 职场文书
绿色出行口号
2014/06/18 职场文书
办公室文员岗位职责
2015/02/04 职场文书
中学综治宣传月活动总结
2015/05/07 职场文书
离婚上诉状范文
2015/05/23 职场文书
在 Golang 中实现 Cache::remember 方法详解
2021/03/30 Python
MongoDB balancer的使用详解
2021/04/30 MongoDB
为了顺利买到演唱会的票用Python制作了自动抢票的脚本
2021/10/16 Python
mysql 获取相邻数据项
2022/05/11 MySQL
Python Flask实现进度条
2022/05/11 Python