JS实现简单的顶部定时关闭层效果
来源：爱站网时间：2019-11-30编辑：网友分享
使用JS设置时间控制指定ID的div层是否显示，可以实现自动关闭提示框，时间一到就关闭，下面不妨跟爱站技术频道小编一起来看看JS实现简单的顶部定时关闭层效果吧！
使用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>
以上就是爱站技术频道小编为大家带来的JS实现简单的顶部定时关闭层效果，其实学习它难度不小，如果你喜欢研究技术的话，可以和小编进行切磋哦。
