jQuery实现定时隐藏对话框的方法分析
更新时间：2018年02月12日 10:11:05 作者：发飙的小蜗牛
这篇文章主要介绍了jQuery实现定时隐藏对话框的方法,结合实例形式较为详细的分析了jQuery定时隐藏对话框的相关函数、实现方法与操作注意事项,需要的朋友可以参考下
本文实例讲述了jQuery实现定时隐藏对话框的方法。分享给大家供大家参考，具体如下：
以下内容可能不完全正确，只是在有问题时进行参考。
1. setTimeout
：出现设置了时间，但是程序立即执行的情况。
：无论是window.setTimeout还是window.setInterval，在使用函数名作为调用句柄时都不能带参数。
：解决就是定义一个匿名函数
setTimeout(function(){$j('#pre'+ID).fadeOut()},12000);
：第二个参数是毫秒数，1秒=1000毫秒
其他情况：这个网址的介绍：https://www.jb51.net/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://www.jb51.net/article/135028.htm
3. fadeOut和hide的区别
hide隐藏的效果是从下至上或从右下到左上的慢慢折叠缩小，而fadeOut的淡出效果是整体淡化直至消失(我没有看出区别)
参考网址的介绍：https://www.jb51.net/article/90750.htm
更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript操作DOM技巧总结》、《JavaScript页面元素操作技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
相关文章
这篇文章主要介绍了jQuery移动端图片上传组件，使用File API+canvas 客户端压缩图片，并实现文件上传服务端，感兴趣的小伙伴们可以参考一下2016-06-06
这篇文章主要为大家详细介绍了用jquery实现轮播图效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-08-08
这篇文章主要为大家详细介绍了jQuery webuploader分片上传大文件的相关资料,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-11-11
最近开发了一个项目，其中有功能要用户点击下拉框可以实现多选的效果，下文给大家分享实现核心代码和combobox的取值与赋值的代码，对easyui组合框相关知识感兴趣的朋友一起看看吧2016-10-10
在使用 EasyUI 各表单组件时，尤其是使用 ComboBox（下拉列表框）、DateBox（日期输入框）、DateTimeBox（日期时间输入框）这三个组件时，经常会遇到下拉框或日期只允许选择、不允许手动输入功能，怎么解决呢，下面小编给大家分享解决方案，一起看看吧2017-04-04
作为轻量级的JS库，jQuery随着JavaScrīpt脚本的大热而备受Web开发者亲睐。本文给大家分享五个有用的jquery小技巧，需要的朋友可以参考下2015-10-10
这篇文章主要介绍了jQuery实现仿京东防抖动菜单效果,结合实例形式分析了jQuery事件响应及页面属性动态操作相关实现技巧,需要的朋友可以参考下2018-07-07
下面小编就为大家带来一篇基于DOM节点删除之empty和remove的区别(详解)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-09-09
这篇文章主要介绍了jQuery常用且重要方法汇总的相关资料,需要的朋友可以参考下2015-07-07
下面小编就为大家带来一篇jQuery根据ID、CLASS、等获取对象的实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-12-12
最新评论