定时器 — 弹窗广告

最新推荐文章于 2019-12-09 19:38:38 发布

erdouzhang

最新推荐文章于 2019-12-09 19:38:38 发布

阅读量812

点赞数 1

分类专栏： js

本文链接：https://blog.csdn.net/erdouzhang/article/details/76147298

版权

js 专栏收录该内容

98 篇文章 0 订阅

订阅专栏

这里写图片描述

页面打开之后2秒钟开始弹出广告，广告弹出3秒钟之后自动关闭广告（只执行一次）；

例如：看视频时，刚打开视频5秒钟后，右下角弹出一个广告，过5秒自动关闭广告；

html：

<img src="img/ad.png" alt="广告" id="ad">

css：

body {background:url(img/bg.png) no-repeat center 0; text-align: center;}
img {display: none;}

js：

var ad = document.getElementById('ad');
var timer = null;
timer = setTimeout(function(){
    ad.style.display = 'inline-block';
    // 广告出现三秒钟之后自动关闭也是需要定时器，如下：
    setTimeout(function(){
        ad.style.display = 'none';
    },3000);//3秒钟之后自动关闭定时器
},2000);//2秒之后执行该定时器