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 相关文章推荐
用ASP将SQL搜索出来的内容导出为TXT的代码
Jul 27 Javascript
Jquery cookie操作代码
Mar 14 Javascript
深入理解JavaScript系列(16) 闭包(Closures)
Apr 12 Javascript
js 剪切板应用clipboardData详细解析
Dec 17 Javascript
Javscript调用iframe框架页面中函数的方法
Nov 01 Javascript
JS表格组件神器bootstrap table详解(基础版)
Dec 08 Javascript
jQuery通用的全局遍历方法$.each()用法实例
Jul 04 Javascript
利用Jquery队列实现根据输入数量显示的动画
Sep 01 Javascript
vue与bootstrap实现时间选择器的示例代码
Aug 26 Javascript
Angular4表单验证代码详解
Sep 03 Javascript
基于js中document.cookie全面解析
Sep 14 Javascript
vue+node 实现视频在线播放的实例代码
Oct 19 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判断手机访问还是电脑访问示例分享
2014/01/20 PHP
php求两个目录的相对路径示例(php获取相对路径)
2014/03/27 PHP
利用PHP函数计算中英文字符串长度的方法
2014/11/11 PHP
php 伪造ip以及url来路信息方法汇总
2014/11/25 PHP
php使用CURL伪造IP和来源实例详解
2015/01/15 PHP
JS Loading功能的简单实现
2013/11/29 Javascript
jquery基础教程之数组使用详解
2014/03/10 Javascript
Javascript中判断对象是否为空
2015/06/10 Javascript
Jquery结合HTML5实现文件上传
2015/06/25 Javascript
JavaScript中的Function函数
2015/08/27 Javascript
js实现精确到秒的倒计时效果
2016/05/29 Javascript
vue + element-ui的分页问题实现
2018/12/17 Javascript
基于jQuery实现可编辑的表格
2019/12/11 jQuery
在vue中使用echarts(折线图的demo,markline用法)
2020/07/20 Javascript
[01:05:24]Ti4 冒泡赛第二天 iG vs NEWBEE 3
2014/07/15 DOTA
[02:24]DOTA2亚洲邀请赛 NAVI战队出场宣传片
2015/02/07 DOTA
python+mysql实现简单的web程序
2014/09/11 Python
Python实现Mysql数据库连接池实例详解
2017/04/11 Python
Python多进程入门、分布式进程数据共享实例详解
2019/06/03 Python
python安装requests库的实例代码
2019/06/25 Python
python多线程同步之文件读写控制
2021/02/25 Python
Python sorted排序方法如何实现
2020/03/31 Python
Python内置函数property()如何使用
2020/09/01 Python
python中的列表和元组区别分析
2020/12/30 Python
pycharm进入时每次都是insert模式的解决方式
2021/02/05 Python
阿迪达斯俄罗斯官方商城:adidas俄罗斯
2017/03/08 全球购物
西班牙拥有最佳品牌的动物商店:Animalear.com
2018/01/05 全球购物
美国高档帽子网上商店:Hats.com
2018/08/09 全球购物
数控加工专业毕业生自荐信
2013/09/27 职场文书
营销与策划应届生求职信
2013/11/04 职场文书
2014年开学第一课活动方案
2014/03/06 职场文书
纪念一二九运动演讲稿
2014/09/16 职场文书
产品陈列协议书(标准版)
2014/09/17 职场文书
高三英语教学计划
2015/01/23 职场文书
工作检讨书大全
2015/01/26 职场文书
2019年暑期安全广播稿!
2019/07/03 职场文书