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

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

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

效果展示

在这里插入图片描述

概述

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

HTML部分

<body>
    <!-- 这里添加需要关闭的广告的图片 -->
    <img src="images/ad.jpg" alt="" class="ad">    
</body>

JS部分

<script>
        var ad = document.querySelector('.ad');
        // 其实就是一个setTimeout语法的例子
        setTimeout(function() {
            ad.style.display = 'none';
        }, 5000);
    </script>

完整代码

<!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>
相关文章
|
6月前
|
JavaScript Python 内存技术
分享63个广告代码JS特效,总有一款适合您
分享63个广告代码JS特效,总有一款适合您
148 2
|
6月前
|
JavaScript 前端开发
分享24个JS特效广告和66个JS特效在线客服J代码JS代码
分享24个JS特效广告和66个JS特效在线客服J代码JS代码
93 1
|
5月前
|
JavaScript Java 测试技术
基于ssm+vue.js+uniapp小程序的短视频广告发布系统附带文章和源代码部署视频讲解等
基于ssm+vue.js+uniapp小程序的短视频广告发布系统附带文章和源代码部署视频讲解等
32 0
基于ssm+vue.js+uniapp小程序的短视频广告发布系统附带文章和源代码部署视频讲解等
|
5月前
|
缓存 JavaScript 前端开发
程序员必知:广告等第三方应用嵌入到web页面方案之使用js片段
程序员必知:广告等第三方应用嵌入到web页面方案之使用js片段
72 0
|
5月前
|
前端开发 JavaScript
杨老师课堂之JavaScript右下角广告弹框
杨老师课堂之JavaScript右下角广告弹框
31 0
|
JavaScript
js随机飘动的广告图片代码demo效果示例(整理)
js随机飘动的广告图片代码demo效果示例(整理)
|
JavaScript 算法 前端开发
【前端算法】JS实现数字千分位格式化
JS实现数字千分位格式化的几种思路,以及它们之间的性能比较
342 1
|
存储 前端开发 算法
一行代码解决LeetCode实现 strStr()使用JavaScript解题|前端学算法
一行代码解决LeetCode实现 strStr()使用JavaScript解题|前端学算法
162 0
一行代码解决LeetCode实现 strStr()使用JavaScript解题|前端学算法
|
存储 机器学习/深度学习 JavaScript
JS 你最少用几行代码实现深拷贝?
JS 你最少用几行代码实现深拷贝?
JS 你最少用几行代码实现深拷贝?