JS/jQuery实现DIV延时几秒后消失或显示的方法
更新时间：2018年02月12日 09:23:02 作者：mdy
这篇文章主要介绍了JS/jQuery实现DIV延时几秒后消失或显示的方法,结合实例形式分析了javascript使用setTimeout及jQuery使用delay方法实现延迟显示功能的相关操作技巧,需要的朋友可以参考下
本文实例讲述了JS/jQuery实现DIV延时几秒后消失或显示的方法。分享给大家供大家参考，具体如下：
1、最常用的方法（setTimeout）：
<script language='javascript' type='text/javascript'>
$(function () {
setTimeout(function () {
$("divid").show();
}, 6000);
})
</script>
2、第二种方法（delay）
jquery 让一个div延时消失，纯jQuery,不用settimeout，就用jQuery写。
<script language='javascript' type='text/javascript'>
$(document).ready(
function()
{
/**
*1.delay函数是jquery 1.4.2新增的函数
*2.hide函数里必须放一个0,不然延时不起作用
*/
$('#divid').delay(6000).hide(0);
}
);
</script>
更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript操作DOM技巧总结》、《JavaScript页面元素操作技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
相关文章
这篇文章主要介绍了go.js的基本使用方法,结合实例形式详细分析了go.js基本功能、原理及vue中使用方法,需要的朋友可以参考下2023-06-06
JavaScript 异步调用框架 (Part 6 - 实例 & 模式)
我们用了5篇文章来讨论如何编写一个JavaScript异步调用框架（问题 & 场景、用例设计、代码实现、链式调用、链式实现），现在是时候让我们看一下在各种常见开发情景中如何使用它了。2009-08-08
本文主要介绍了js中立即执行函数的相关知识，具有很好的参考价值，下面跟着小编一起来看下吧2017-02-02
这篇文章主要介绍了bootstrap3 dialog 更强大、更灵活的模态框,本文通过效果展示实例代码详解，需要的朋友可以参考下2017-04-04
这篇文章主要为大家详细介绍了JavaScript canvas实现文字时钟，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-01-01
本文主要介绍了webpack中Loader和Plugin的区别小结,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2024-06-06
JavaScript中的prototype，标准翻译为“原型”，表示对象的初始形态2011-05-05
最近在学微信小程序开发的时候,碰上了一个问题,所以想着总结下,这篇文章主要给大家介绍了关于微信小程序如何实现商品列表跳转商品详情页功能的相关资料,需要的朋友可以参考下2022-04-04
在企业网站中常会看到企业地址会显示在地图上，那么，如何实现这种功能呢？本篇文章就主要介绍在网页中插入百度地图的步骤，下面就随小编一起来看看吧2016-12-12![[Bootstrap-插件使用]Jcrop+fileinput组合实现头像上传功能实例代码](//img.jbzj.com/images/xgimg/bcimg9.png)
[Bootstrap-插件使用]Jcrop+fileinput组合实现头像上传功能实例代码
这篇文章主要介绍了[Bootstrap-插件使用]Jcrop+fileinput组合实现头像上传功能实例代码,非常具有实用价值，需要的朋友可以参考下。2016-12-12
![[Bootstrap-插件使用]Jcrop+fileinput组合实现头像上传功能实例代码](http://img.jbzj.com/images/xgimg/bcimg9.png)
最新评论