JavaScript实现弹出广告功能


Posted in Javascript onMarch 30, 2017

废话不多说了,直接给大家贴代码了,具体代码如下所示:

<span style="white-space:pre"> </span>var i=0;//记录次数 
  var timer;//定时器id 
  //设置弹出广告 
  onload=function(){ 
  //间隔四秒展示一次广告 
  timer = setInterval(showAd,4000);   
  } 
  //展示2秒以后隐藏广告的方法 
  function showAd(){ 
    i++;//展示的次数加1 
    //若i等于3清空由setInterval设置的定时器 
    if(i==3){ 
      clearInterval(timer); 
    } 
    //1.获取广告 
    var divObj = document.getElementById("ad"); 
    //2,修改广告的样式 
    divObj.style.display="block"; 
    //两秒之后隐藏 
    setTimeout(hiddAd,2000); 
  } 
  //隐藏广告 
  function hiddAd(){ 
    var divObj = document.getElementById("ad"); 
    divObj.style.display="none"; 
  }

以上所述是小编给大家介绍的JavaScript实现弹出广告功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
基于jQuery的倒计时实现代码
May 30 Javascript
js阻止默认事件与js阻止事件冒泡示例分享 js阻止冒泡事件
Jan 27 Javascript
详解JavaScript中循环控制语句的用法
Jun 03 Javascript
简单谈谈javascript中的变量、作用域和内存问题
Aug 30 Javascript
日常收集整理的JavaScript常用函数方法
Dec 10 Javascript
浏览器环境下JavaScript脚本加载与执行探析之defer与async特性
Jan 14 Javascript
jQuery插件实现文字无缝向上滚动效果代码
Feb 25 Javascript
jQuey将序列化对象在前台显示地实现代码(方法总结)
Dec 13 Javascript
Jquery Easyui日历组件Calender使用详解(23)
Dec 18 Javascript
js数组与字符串常用方法总结
Jan 13 Javascript
javascript中contains是否包含功能实现代码(扩展字符、数组、dom)
Apr 07 Javascript
如何基于layui的laytpl实现数据绑定的示例代码
Apr 10 Javascript
JavaScript如何一次性展示几万条数据
Mar 30 #Javascript
ECMAScript6--解构
Mar 30 #Javascript
js图片放大镜效果实现方法详解
Oct 28 #Javascript
js a标签点击事件
Mar 30 #Javascript
JS+html5制作简单音乐播放器
Sep 13 #Javascript
TypeScript入门-接口
Mar 30 #Javascript
如何编写jquery插件
Mar 29 #jQuery
You might like
提升PHP执行速度全攻略
2006/10/09 PHP
js下函数般调用正则的方法附代码
2008/06/22 PHP
php empty,isset,is_null判断比较(差异与异同)
2010/10/19 PHP
php中将时间差转换为字符串提示的实现代码
2011/08/08 PHP
php更新mysql后获取影响的行数发生异常解决方法
2013/03/28 PHP
PHP获取MySql新增记录ID值的3种方法
2014/06/24 PHP
php自动提交表单的方法(基于fsockopen与curl)
2016/05/09 PHP
php根据数据id自动生成编号的实现方法
2016/10/16 PHP
Laravel中服务提供者和门面模式的入门介绍
2017/11/06 PHP
PHP执行系统命令函数实例讲解
2021/03/03 PHP
javascript Array.sort() 跨浏览器下需要考虑的问题
2009/12/07 Javascript
JS 进度条效果实现代码整理
2011/05/21 Javascript
JavaScript 用cloneNode方法克隆节点的代码
2012/10/15 Javascript
jquery中页面Ajax方法$.load的功能使用介绍
2014/10/20 Javascript
JavaScript给每一个li节点绑定点击事件的实现方法
2016/12/01 Javascript
JS实现头条新闻的经典轮播图效果示例
2019/01/30 Javascript
微信小程序学习笔记之文件上传、下载操作图文详解
2019/03/29 Javascript
通过实例解析chrome如何在mac环境中安装vue-devtools插件
2020/07/10 Javascript
python类和函数中使用静态变量的方法
2015/05/09 Python
浅谈Python数据类型之间的转换
2016/06/08 Python
浅谈Python中带_的变量或函数命名
2017/12/04 Python
基于python神经卷积网络的人脸识别
2018/05/24 Python
在win10和linux上分别安装Python虚拟环境的方法步骤
2019/05/09 Python
代码实例讲解python3的编码问题
2019/07/08 Python
python如何使用Redis构建分布式锁
2020/01/16 Python
windows python3安装Jupyter Notebooks教程
2020/04/13 Python
Python3内置函数chr和ord实现进制转换
2020/06/05 Python
python入门教程之基本算术运算符
2020/11/13 Python
HTML5组件Canvas实现图像灰度化(步骤+实例效果)
2013/04/22 HTML / CSS
Abbacino官网:包、钱包和女士配饰
2019/04/15 全球购物
美国排名第一的葡萄酒俱乐部:Firstleaf Wine Club
2020/01/02 全球购物
最受欢迎的自我评价
2013/12/22 职场文书
结婚喜宴家长答谢词
2014/01/15 职场文书
尊老爱亲美德少年事迹材料
2014/08/14 职场文书
缅怀先烈主题班会
2015/08/14 职场文书
CentOS7设置ssh服务以及端口修改方式
2022/12/24 Servers