JS实现网页流氓广告效果
??大家在浏览网页的时候,是不是经常遇到各种各样的垃圾弹窗,当你把它关闭之后,过一段时间他又弹出来,非常的让人心烦。 ??这种流氓弹窗我们是可以通过JavaScript的 setTimeout() 方法来实现的。
一、setTimeout()语法
??在 js 里面,有两种定时器,定时器 和 延时器,这里我们使用的就是延时器。 语法: setTimeout (要执行的函数,延迟时间) ??延时器要执行的函数可以是一个匿名函数, 也可以是一个定义好的函数名称。 ??延迟时间也就是让程序在这个设定的时间之后执行函数, 它的单位是毫秒, 1000毫秒是1秒钟。
二、核心代码
代码如下:
var oDiv = document.querySelector('div');
var oImg = document.querySelector('img');
oImg.addEventListener('click', function () {
oDiv.style.display = 'none';
setTimeout(function () {
oDiv.style.display = 'block';
}, 2000);
原理: ??当点击关闭时,会同时触发以下2个程序的执行: ???? 1, 让< div> 标签隐藏 ???? 2, 设定延时器在2秒之后触发, 让 < div> 再次显示
三、效果展示
??当我们点击关闭时,弹窗消失,过了2s之后,弹窗后再次出现。
四、完整源码免费下载
完整源码下载
|