广告弹出框自动关闭

最新推荐文章于 2021-01-29 22:30:53 发布

路人葵

最新推荐文章于 2021-01-29 22:30:53 发布

阅读量1k

点赞数

分类专栏：前端代码 javascript 文章标签： javascript 广告弹出框代码

本文链接：https://blog.csdn.net/weixin_41218855/article/details/90083136

版权

前端同时被 3 个专栏收录

36 篇文章 0 订阅

订阅专栏

代码

16 篇文章 0 订阅

订阅专栏

javascript

16 篇文章 0 订阅

订阅专栏

<!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>

路人葵

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
广告弹出框自动关闭

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>广告弹出窗（自动关闭）</title> <style> * { margin: 0; ...
复制链接

扫一扫