首页 > 语言 > JavaScript > 正文

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

2024-05-06 15:45:58
字体:
来源:转载
供稿:网友

使用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实现简单的顶部定时关闭层效果,其实学习它难度不小,如果你喜欢研究技术的话,可以和小编进行切磋哦。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选