<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>广告弹出窗(自动关闭)</title>
<style>
* {
margin: 0;
padding: 0;
}
#ad {
line-height: 600px;
background: red;
text-align: center;
color: #fff;
font-size: 68px;
}
</style>
<script>
window.onload = function () {
var
oAd = document.getElementById('ad'),
iH = 600,
iTime = null;
//延时器
setTimeout(function () {
//定时器
iTime = setInterval(function () {
iH -= 10;
oAd.style.lineHeight = iH +'px';
if (iH === 0) {
clearInterval(iTime);
}
},50);
},1000);
}
</script>
</head>
<body>
<div id="ad">广告</div>
</body>
</html>
广告弹出框自动关闭
猜你喜欢
转载自blog.csdn.net/weixin_41218855/article/details/90083136
今日推荐
周排行