JS实现简单的顶部定时关闭层效果

2019-11-30 16:00:26来源:爱站网 阅读 ()

容器云强势上线!快速搭建集群,上万Linux镜像随意使用

使用JS设置时间控制指定ID的div层是否显示,可以实现自动关闭提示框,时间一到就关闭,下面不妨跟爱站技术频道小编一起来看看JS实现简单的顶部定时关闭层效果吧!

复制代码 代码如下:

<script type="text/javascript">
var time = 300;
var h = 0;
function addCount()
{
if(time>0)
{
time--;
h = h+5;
}
else
{
return;
}
if(h>300) //高度
{
return;
}
document.getElementById("ads").style.display = "";
document.getElementById("ads").style.height = h+"px";
setTimeout("addCount()",30);
}
window.onload = function showAds()
{
addCount();
setTimeout("noneAds()",7000); //停留时间自己调了
}
var T = 300;
var N = 300; //高度
function noneAds()
{
if(T>0)
{
T--;
N = N-5;
}
else
{
return;
}
if(N<0)
{
document.getElementById("ads").style.display = "none";
return;
}
document.getElementById("ads").style.height = N+"px";
setTimeout("noneAds()",30);
}
</script>

?

复制代码 代码如下:

?


<div style="MARGIN: 0px auto; WIDTH: 900px; BACKGROUND: #369; HEIGHT: 300px; COLOR: #fff" id="ads">脚本之家_www.jb51.net</div>

?以上就是爱站技术频道小编为大家带来的JS实现简单的顶部定时关闭层效果,其实学习它难度不小,如果你喜欢研究技术的话,可以和小编进行切磋哦。


原文链接:https://js.aizhan.com/develop/JavaScript/10423.html
如有疑问请与原作者联系

标签:定时关闭层

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:javascript动态判断html元素并执行不同的操作

下一篇:分享nodejs分页类代码