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

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

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

您可能感兴趣的文章

相关阅读

热门软件源码

最新软件源码下载