5秒之后自动关闭广告

-Camellia007-

于 2025-03-10 15:59:20 发布

阅读量235

点赞数 4

CC 4.0 BY-SA版权

分类专栏： # javascript 文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/2401_87291474/article/details/146156321

javascript 专栏收录该内容

34 篇文章

订阅专栏

题目：5秒之后自动关闭广告

分析：

核心思路：5秒过后，就把这个广告隐藏起来
用定时器 setTimeout

效果：

代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>5秒之后自动关闭广告</title>
</head>
<body>
    <img src="images/5秒之后自动关闭广告.jpg" class="ad">
    <script>
        var ad = document.querySelector('.ad');
        setTimeout(function() {              
            ad.style.display = 'none';
        },5000);
    </script>
</body>
</html>