今日头条 焦点资讯 营销之道 企业报道 淘宝运营 网站建设 软件开发 400电话
  当前位置: 首页 » 资讯 » 软件开发 » 正文

jQuery定时隐藏对话框代码分享

放大字体  缩小字体 发布日期:2018-02-23  来源:企业800网  作者:新格网  浏览次数:362  【去百度看看】
核心提示:本文主要和大家介绍了jQuery实现定时隐藏对话框的方法,结合实例形式较为详细的分析了jQuery定时隐藏对话框的相关函数、实现方法与操作注意事项,需要的朋友可以参考下,希望能帮助到大家。
本文主要和大家介绍了jQuery实现定时隐藏对话框的方法,结合实例形式较为详细的分析了jQuery定时隐藏对话框的相关函数、实现方法与操作注意事项,需要的朋友可以参考下,希望能帮助到大家。

1. setTimeout

:出现设置了时间,但是程序立即执行的情况。

:无论是window.setTimeout还是window.setInterval,在使用函数名作为调用句柄时都不能带参数。

:解决就是定义一个匿名函数


setTimeout(function(){$j('#pre'+ID).fadeOut()},12000);

:第二个参数是毫秒数,1秒=1000毫秒

其他情况:这个网址的介绍:http://www.jb51.net/article/36681.htm

2. 设置对话框的掩藏

常用方法一:


<script language='javascript' type='text/javascript'>
$(function () {
  setTimeout(function () {
    $("pid").show();
  }, 6000);
})
</script>

常用方法二:


<script language='javascript' type='text/javascript'>
$(document).ready(
  function()
  {
    
    $('#pid').delay(6000).hide(0);
  }
);

3. fadeOut和hide的区别

hide隐藏的效果是从下至上或从右下到左上的慢慢折叠缩小,而fadeOut的淡出效果是整体淡化直至消失(我没有看出区别)

相关推荐:

js和html5实现自动排列对话框的生成

微信小程序使用modal组件弹出对话框实例分享

js制作一个简单的对话框教程

以上就是jQuery定时隐藏对话框代码分享的详细内容,更多请关注php中文网其它相关文章!

 
 
[ 资讯搜索 ]  [ 加入收藏 ]  [ 告诉好友 ]  [ 打印本文 ]  [ 违规举报 ]  [ 关闭窗口 ]

 
0条 [查看全部]  相关评论

 
网站首页 | 关于我们 | 联系方式 | 使用协议 | 版权隐私 | 网站地图 | 排名推广 | 广告服务 | 积分换礼 | 网站留言 | RSS订阅 | 吉ICP备11001726号-6
企业800网 · 提供技术支持