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

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

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

案例池子
[JS实现鼠标悬停变色
](https://blog.csdn.net/qq_51447496/article/details/128223527)
JavaScript中的排他算法实现按钮单选
[JavaScript中的localStorage
](https://blog.csdn.net/qq_51447496/article/details/128224131)
[JavaScript中的sessionStorage
](https://blog.csdn.net/qq_51447496/article/details/128223971)
JavaScript实现网页关灯效果
[JavaScript实现一段时间之后关闭广告
](https://blog.csdn.net/qq_51447496/article/details/128226463)
[JavaScript实现按键快速获取输入框光标
](https://blog.csdn.net/qq_51447496/article/details/128227052)

效果展示

在这里插入图片描述

概述

简介:通过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>
相关文章
|
2月前
|
JavaScript Python 内存技术
分享63个广告代码JS特效,总有一款适合您
分享63个广告代码JS特效,总有一款适合您
43 2
|
3月前
|
JavaScript 前端开发
分享24个JS特效广告和66个JS特效在线客服J代码JS代码
分享24个JS特效广告和66个JS特效在线客服J代码JS代码
49 1
|
7月前
|
JavaScript
js随机飘动的广告图片代码demo效果示例(整理)
js随机飘动的广告图片代码demo效果示例(整理)
|
9月前
|
JavaScript
|
JavaScript 前端开发
利用JavaScript实现二级联动
利用JavaScript实现二级联动 要实现JavaScript二级联动效果,首先要确定需要哪些技术: 二维数组 for in循环 new Option(text,value,true,true) add(option,null) onchange() 表单事件 HTML代码: &lt;!-- &lt;input type=&quot;text&quot; id=&quot;text&quot;&gt; --&gt; 请选择省份: &lt;select name=&quot;&quot; id=&quot;provinces&quot;&gt; &lt;!-- &lt;option value=&quot;江苏省&quot;&gt;江苏省&lt;/option&gt;
|
JavaScript 前端开发
JavaScript函数柯里化的实现原理,进来教你完成一个自己的自动实现柯里化方法
JavaScript函数柯里化的实现原理,进来教你完成一个自己的自动实现柯里化方法
167 0
|
移动开发 JavaScript weex
weex-自定义module,实现weex在iOS的本地化,js之间互相跳转,交互,传值(iOS接入weex的最佳方式)
weex-自定义module,实现weex在iOS的本地化,js之间互相跳转,交互,传值(iOS接入weex的最佳方式)
219 0
|
JavaScript
JS中实现或退出全屏
JS中实现或退出全屏
153 0
|
前端开发 JavaScript
前端:JS实现双击table单元格变为可编辑状态
前端:JS实现双击table单元格变为可编辑状态
365 0