JS/jQuery实现DIV延时几秒后消失或显示的方法

如题所述



本文实例讲述了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程序设计有所帮助。



温馨提示:内容为网友见解,仅供参考
无其他回答

JS\/jQuery实现DIV延时几秒后消失或显示的方法
本文实例讲述了JS\/jQuery实现DIV延时几秒后消失或显示的方法。分享给大家供大家参考,具体如下:1、最常用的方法(setTimeout):<script language='javascript' type='text\/javascript'>$(function () { setTimeout(function () { $("divid").show(); }, 6000);})<\/script>2、第二种方法(...

jquery如何让div延时显示jquery延时
首先,你需要一个定时器。可以在JS中使用setTimeout()方法。其次,DIV消失的实现方式有很多种。你可以用$(#div显示,无),可以通过将DIV的display属性设置为none来隐藏,也可以使用Jquery中的hide()方法来隐藏,还可以使用remove()来删除DIV,实现DIV的消失。下面是使用css()和setTimeout()实现2秒后自...

用js怎么实现一个div显示时间2秒后就自动消失。
使用setTimeout()和hide()。setTimeout()方法用于在指定的毫秒数后调用函数或计算表达式。hide(),实现隐藏这个已经显示的div。以下为使用setTimeout()设定一个函数在2秒后执行 (function () {setTimeout(function () {$("divid").hide();}, 2000);})...

如何设置一个DIV在网页中显示几秒然后自动隐藏消失?
可以用JS来控制。代码如下:<div id="nogg">广告层<\/div> <script type="text\/javascript"> setTimeout(function(){document.getElementById("nogg").style.display="none";},4000);<\/script> 利用JS代码拆入10秒倒计时,如下:<span id="numDiv">10<\/span>秒……<script type="text\/javasc...

js几秒后弹出div窗口 怎么实现
1、首先打开是hbuilder编辑器,打开后新建一个空白的html文档,在里面创建一个input按钮,和一个div并给div的id属性设置为btn,同时设置样式,设置div的高度和宽度并把display的属性值设置为none就可以了:2、然后在下方写入js代码,首先获取两个标签的dom对象,给按钮添加click点击事件,在点击事件的回调...

jquery 怎么实现鼠标在DIV上停止不动3秒后就出现悬浮提示框,如果移动鼠 ...
先说不用js的方法 给div添加一个title属性即可(但是这样是没法操作到提示框的样式的 所以有js方法)js方法 下面给出一份演示 <!DOCTYPE HTML><html><head><title>演示<\/title> <script src="http:\/\/apps.bdimg.com\/libs\/jquery\/1.10.2\/jquery.min.js"><\/script><style type="text\/css">...

js代码让一个div缓缓出现,点击关闭按钮后缓缓关闭,就像win7那种效果...
用jquery.("#divId").show(3000);$("#divId").hide(3000);\/\/显示和隐藏分别都是3秒钟的动画

js或jq如何实现点击一个a标签,弹出对话框,并且对话框几秒后自动...
<span id="clickDiv">点击<\/span> 相信给showId加上浮动,你应该能搞定,然后就是JS了,jQuery jQuery("#clickDiv").click(function(){ \/\/点击clickDiv jQuery("#showId").show(); \/\/显示showId setTimeout(jQuery("#showId").hide(), 3000); \/\/3秒后关闭showId });你可以试试!我...

用js实现点击按钮 显示div 然后两秒后消失 但是只能执行一次 怎么才能...
id="aaa" style="display: none;">这是隐藏内容<\/div><button id="but">点击显示<\/button><script type="text\/javascript">$('#but').click(function(){$("#aaa").css('display','block');setTimeout(function(){$("#aaa").css('display','none');},2000);})...

js 怎么用一个按钮控制DIV来回显示和隐藏
4、编写js脚本,这里用到Jquery,给button添加一个点击事件,然后获取div的dom,判断dom中的display属性值,如果是“none”,就显示div,否则则隐藏:5、全部完成后,按下crtl+s保存,来到编辑器的右侧,观察显示效果,此时div是显示的:6、点击hide按钮,会发现div消失了,反复点击按钮会重复显示隐藏的...

相似回答
大家正在搜