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 29 jQuery
JS与jQuery实现子窗口获取父窗口元素值的方法
Apr 17 jQuery
jquery dataTable 获取某行数据
May 05 jQuery
jquery append与appendTo方法比较
May 24 jQuery
jQuery层级选择器_动力节点节点Java学院整理
Jul 04 jQuery
jQuery实现键盘回车搜索功能
Jul 25 jQuery
jQuery取得元素标签名称小结(附代码)
Aug 16 jQuery
jQuery实现可兼容IE6的遮罩功能详解
Sep 19 jQuery
CSS3结合jQuery实现动画效果及回调函数的实例
Dec 27 jQuery
jQuery中实现text()的方法
Apr 04 jQuery
jQuery设置下拉框显示与隐藏效果的方法分析
Sep 15 jQuery
JS 遍历 json 和 JQuery 遍历json操作完整示例
Nov 11 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/01/03 PHP
PHP的博客ping服务代码
2012/02/04 PHP
PHP定时执行任务实现方法详解(Timer)
2015/07/30 PHP
PHP使用new StdClass()创建空对象的方法分析
2017/06/06 PHP
新浪的图片新闻效果
2007/01/13 Javascript
jquery 插件开发方法小结
2009/10/23 Javascript
js 验证密码强弱的小例子
2013/03/21 Javascript
一个简单的JS鼠标悬停特效具体方法
2013/06/17 Javascript
JavaScript设计模式之装饰者模式介绍
2014/12/28 Javascript
基于jQuery日历插件制作日历
2016/03/11 Javascript
jQuery实现CheckBox全选、全不选功能
2017/01/11 Javascript
浅谈关于.vue文件中style的scoped属性
2017/08/19 Javascript
JS实现评价的星星功能
2017/08/20 Javascript
Three.js加载外部模型的教程详解
2017/11/10 Javascript
JavaScript获取移动设备型号的实现代码(JS获取手机型号和系统)
2018/03/10 Javascript
微信小程序使用template标签实现五星评分功能
2018/11/03 Javascript
微信小程序项目总结之记账小程序功能的实现(包括后端)
2019/08/20 Javascript
举例讲解Linux系统下Python调用系统Shell的方法
2015/11/07 Python
python 判断是否为正小数和正整数的实例
2017/07/23 Python
python实现泊松图像融合
2018/07/26 Python
python cumsum函数的具体使用
2019/07/29 Python
python 非线性规划方式(scipy.optimize.minimize)
2020/02/11 Python
Python GUI库PyQt5样式QSS子控件介绍
2020/02/25 Python
Python3爬虫发送请求的知识点实例
2020/07/30 Python
详解如何通过H5(浏览器/WebView/其他)唤起本地app
2017/12/11 HTML / CSS
MCAKE蛋糕官方网站:一直都是巴黎的味道
2018/02/06 全球购物
介绍Ibatis的核心类
2013/11/18 面试题
大学学生会竞选演讲稿
2014/04/25 职场文书
灰雀教学反思
2014/04/28 职场文书
珠宝的促销活动方案
2014/08/31 职场文书
不服从上级领导安排的检讨书
2014/09/14 职场文书
2014年英语教学工作总结
2014/12/17 职场文书
异地恋情人节寄语
2015/02/28 职场文书
2015个人简历自我评价语
2015/03/11 职场文书
职工食堂管理制度
2015/08/06 职场文书
ConstraintValidator类如何实现自定义注解校验前端传参
2021/06/18 Java/Android