如何设置一个DIV在网页中显示几秒然后自动隐藏消失?

打开一个网页,显示一个含有图片的div,比如广告,如何设置这个div再打开网页后显示几秒然后自动隐藏消失呢,麻烦大神能给出详细代码,不胜感激!... 打开一个网页,显示一个含有图片的div,比如广告,如何设置这个div再打开网页后显示几秒然后自动隐藏消失呢,麻烦大神能给出详细代码,不胜感激! 展开
 我来答
亮爷说娱乐
高粉答主

2018-12-16 · 生活不止有诗和远方,还有娱乐大爆炸
亮爷说娱乐
采纳数:47 获赞数:46059

向TA提问 私信TA
展开全部

可以用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/javascript">

var num=10

var interval=setInterval(function(){if(num==0){clearInterval(interval)}

numDiv.innerHTML=num--},1000)

</script>

扩展资料:

setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式

setTimeout(code,millisec)

1、code,描述:必需。要调用的函数后要执行的 JavaScript 代码串。    

2、millisec,描述:必需。在执行代码前需等待的毫秒数。    

例如:

<body onLoad="MM_timelinePlay('Timeline1')">

<div id="Layer1" style="position:absolute; left:419px; top:295px; width:160px; height:145px; 

z-index:1; visibility: inherit">asdfasdf</div>

游戏你我他
高粉答主

2018-12-10 · 说的都是干货,快来关注
知道答主
回答量:278
采纳率:100%
帮助的人:18.8万
展开全部

HTML DOM表示

1、给div一个id或者class或者直接用选择器选择到它。

2、setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。

例子:

<html>

<title>test</title>

<body>

<div id="test">test</div>

<script>

setTimeout(function(){document.getElementById("test").style.display="none";},1000);

//1000是多久被隐藏,单位毫秒

</script>

</body>

</html>

jquery表示

hide(),隐藏可见的元素。

例子:

<html>

<title>test</title>

<body>

<script>

$(document).ready(function(){        //页面加载完之后,自动执行该方法

setTimeout(function(){$("#test").hide();},2000);        //2秒后执行该方法

});

</script>

<div id="test">test</div>

</body>

</html>

扩展资料

DOM setTimeout()

setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。

setTimeout(code,millisec)

1、code,描述:必需。要调用的函数后要执行的 JavaScript 代码串。    

2、millisec,描述:必需。在执行代码前需等待的毫秒数。    

jQuery hide() 

隐藏可见的 <p> 元素:

例如

$(".btn1").click(function(){  

$("p").hide();

});

$(selector).hide(speed,callback)

speed    

描述:

可选。规定元素从可见到隐藏的速度。默认为 "0"。

可能的值:

1、毫秒 (比如 1500)

2、"slow"

3、"normal"

4、"fast"

在设置速度的情况下,元素从可见到隐藏的过程中,会逐渐地改变其高度、宽度、外边距、内边距和透明度。   

callback    

可选。hide 函数执行完之后,要执行的函数。

如需学习更多有关 callback 的内容,请访问我们的 jQuery Callback 这一章。

除非设置了 speed 参数,否则不能设置该参数。

提示和注释

提示:如果元素已经是完全可见,则该效果不产生任何变化,除非规定了 callback 函数。

本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
百度网友3eb1288
2015-04-25 · TA获得超过242个赞
知道小有建树答主
回答量:67
采纳率:25%
帮助的人:30.5万
展开全部
//简单的用dom实现
<html>
<title>test</title>
<body>
<div id="test">test</div>
<script>
setTimeout(function(){document.getElementById("test").style.display="none";},1000);
//1000是多久被隐藏,单位毫秒
</script>
</body>
</html>

//用jquery实现
<html>
<title>test</title>
<body>
<script>
$(document).ready(function(){//页面加载完之后,自动执行该方法
setTimeout(function(){$("#test").hide();},2000);//2秒后执行该方法
});
</script>
<div id="test">test</div>
</body>
</html>
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
dreamseaKIK
2015-04-25 · TA获得超过670个赞
知道小有建树答主
回答量:463
采纳率:81%
帮助的人:186万
展开全部
$("yourDiv").show()//显示你的DIV
window.setTimeout("$('yourDiv').hide()",3000);//3000毫秒后,隐藏你的DIV
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式