JS实现网页流氓广告效果

JS实现网页流氓广告效果

---

  大家在浏览网页的时候，是不是经常遇到各种各样的垃圾弹窗，当你把它关闭之后，过一段时间他又弹出来，非常的让人心烦。
  这种流氓弹窗我们是可以通过JavaScript的 setTimeout() 方法来实现的。

---

一、setTimeout()语法

  在 js 里面，有两种定时器，定时器 和 延时器，这里我们使用的就是延时器。
语法：
setTimeout (要执行的函数，延迟时间)
  延时器要执行的函数可以是一个匿名函数, 也可以是一个定义好的函数名称。
  延迟时间也就是让程序在这个设定的时间之后执行函数, 它的单位是毫秒, 1000毫秒是1秒钟。

---

二、核心代码

代码如下：

 // 获取标签对象
var oDiv = document.querySelector('div');
var oImg = document.querySelector('img');

// 给图片添加点击事件
oImg.addEventListener('click', function () {
	// 当点击表示关闭的图片时, 让<div>标签隐藏
	oDiv.style.display = 'none';
	// 设置延时器, 2s之后让<div>再次显示
	setTimeout(function () {
		oDiv.style.display = 'block';
	}, 2000);

原理：
  当点击关闭时，会同时触发以下2个程序的执行：
     1, 让< div> 标签隐藏
     2, 设定延时器在2秒之后触发, 让 < div> 再次显示

---

三、效果展示

  当我们点击关闭时，弹窗消失，过了2s之后，弹窗后再次出现。

---

四、完整源码免费下载

完整源码下载