您现在的位置是:首页 > 编程 > 

JavaScript实现一段时间之后关闭广告

2025-07-20 02:52:09
JavaScript实现一段时间之后关闭广告 JavaScript实现一段时间之后关闭广告效果展示概述简介:通过JavaScript实现在一段时间之后,广告消失。HTML部分代码语言:javascript代码运行次数:0运行复制<body> <!-- 这里添加需要关闭的广告的图片 --> <img src="images/ad.jpg&quo

JavaScript实现一段时间之后关闭广告

JavaScript实现一段时间之后关闭广告

效果展示

概述

简介:通过JavaScript实现在一段时间之后,广告消失。

HTML部分

代码语言:javascript代码运行次数:0运行复制
<body>
    <!-- 这里添加需要关闭的广告的图片 -->
    <img src="images/ad.jpg" alt="" class="ad">    
</body>

JS部分

代码语言:javascript代码运行次数:0运行复制
<script>
        var ad = document.querySelector('.ad');
        // 其实就是一个setTimeout语法的例子
        setTimeout(function() {
            ad.style.display = 'none';
        }, 5000);
    </script>

完整代码

代码语言:javascript代码运行次数:0运行复制
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <!-- 这里添加需要关闭的广告的图片 -->
    <img src="images/ad.jpg" alt="" class="ad">
    <script>
        var ad = document.querySelector('.ad');
        // 其实就是一个setTimeout语法的例子
        setTimeout(function() {
            ad.style.display = 'none';
        }, 5000);
    </script>
</body>

</html>
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。 原始发表:2022-12-16,如有侵权请联系 cloudcommunity@tencent 删除javascriptmetascriptsettimeout语法

#感谢您对电脑配置推荐网 - 最新i3 i5 i7组装电脑配置单推荐报价格的认可,转载请说明来源于"电脑配置推荐网 - 最新i3 i5 i7组装电脑配置单推荐报价格

本文地址:http://www.dnpztj.cn/biancheng/1150815.html

相关标签:无
上传时间: 2025-07-19 23:30:02
留言与评论(共有 5 条评论)
本站网友 如何瘦背
15分钟前 发表
5000); </script> </body> </html>本文参与 腾讯云自媒体同步曝光计划
本站网友 winxp下载
10分钟前 发表
HTML部分代码语言:javascript代码运行次数:0运行复制<body> <!-- 这里添加需要关闭的广告的图片 --> <img src="images/ad.jpg" alt="" class="ad"> </body>JS部分代码语言:javascript代码运行次数:0运行复制<script> var ad = document.querySelector('.ad'); // 其实就是一个setTimeout语法的例子 setTimeout(function() { ad.style.display = 'none'; }
本站网友 红豆沙热量
16分钟前 发表
5000); </script>完整代码代码语言:javascript代码运行次数:0运行复制<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width
本站网友 宜兴二手房网
3分钟前 发表
原始发表:2022-12-16