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插件FusionCharts绘制的2D双柱状图效果示例【附demo源码】
May 13 jQuery
jQuery实现锚点向下平滑滚动特效示例
Aug 29 jQuery
解决JQuery全选/反选第二次失效的问题
Oct 11 jQuery
jQuery实现鼠标响应式透明度渐变动画效果示例
Feb 13 jQuery
[原创]jQuery实现合并/追加数组并去除重复项的方法
Apr 11 jQuery
关于jquery layui弹出层的使用方法
Apr 21 jQuery
jQuery 实现批量提交表格多行数据的方法
Aug 09 jQuery
jQuery实现当拉动滚动条到底部加载数据的方法分析
Jan 24 jQuery
AJAX在JQuery中的应用详解
Jan 30 jQuery
jQuery操作cookie的示例代码
Jun 05 jQuery
jQuery单页面文字搜索插件jquery.fullsearch.js的使用方法
Feb 04 jQuery
jquery实现有过渡效果的tab切换
Jul 17 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
一个改进的UBB类
2006/10/09 PHP
Yii使用find findAll查找出指定字段的实现方法
2014/09/05 PHP
3种方法轻松处理php开发中emoji表情的问题
2016/07/18 PHP
PHP时间处理类操作示例
2018/09/05 PHP
ThinkPHP6.0如何利用自定义验证规则规范的实现登陆
2020/12/16 PHP
用dtree实现树形菜单 dtree使用说明
2011/10/17 Javascript
JavaScript高级程序设计 阅读笔记(十四) js继承机制的实现
2012/08/14 Javascript
jquery和css3实现的炫酷时尚的菜单导航
2014/09/01 Javascript
JS/jQ实现免费获取手机验证码倒计时效果
2016/06/13 Javascript
原生js仿jquery animate动画效果
2016/07/13 Javascript
js控住DOM实现发布微博效果
2016/08/30 Javascript
JS实现用户注册时获取短信验证码和倒计时功能
2016/10/27 Javascript
学习vue.js中class与style绑定
2016/12/03 Javascript
利用require.js与angular搭建spa应用的方法实例
2017/07/19 Javascript
node跨域请求方法小结
2017/08/25 Javascript
JavaScript 有用的代码片段和 trick
2018/02/22 Javascript
angularjs实现对表单输入改变的监控(ng-change和watch两种方式)
2018/08/29 Javascript
使用nodejs分离html文件里的js和css详解
2019/04/12 NodeJs
layui使用templet格式化表格数据的方法
2019/09/16 Javascript
JavaScript大数相加相乘的实现方法实例
2020/10/18 Javascript
Python实现屏幕截图的两种方式
2018/02/05 Python
Python 爬取携程所有机票的实例代码
2018/06/11 Python
python OpenCV GrabCut使用实例解析
2019/11/11 Python
python文件处理fileinput使用方法详解
2020/01/02 Python
pytorch如何冻结某层参数的实现
2020/01/10 Python
keras-siamese用自己的数据集实现详解
2020/06/10 Python
Python实现微信表情包炸群功能
2021/01/28 Python
HQhair美国/加拿大:英国化妆品、美容及美发产品商城
2019/04/15 全球购物
世界上最大的艺术社区:SAA
2020/12/30 全球购物
护士专业推荐信
2013/11/02 职场文书
《乌鸦和狐狸》教学反思
2014/02/08 职场文书
矿泉水广告词
2014/03/20 职场文书
新教师培训方案
2014/06/08 职场文书
大学生第一学年自我鉴定2015
2014/09/28 职场文书
乡镇党员干部群众路线对照检查材料思想汇报
2014/09/28 职场文书
html网页引入svg图片的4种方式
2022/08/05 HTML / CSS