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 相关文章推荐
动态样式类封装JS代码
Sep 02 Javascript
javascript或asp实现的判断身份证号码是否正确两种验证方法
Nov 26 Javascript
html+javascript实现可拖动可提交的弹出层对话框效果
Aug 05 Javascript
JS 实现BASE64_ENCODE和BASE64_DECODE(实例代码)
Nov 13 Javascript
使用jQuery实现验证上传图片的格式与大小
Dec 03 Javascript
深入理解JavaScript中的对象
Jun 04 Javascript
JavaSacript中charCodeAt()方法的使用详解
Jun 05 Javascript
最棒的Angular2表格控件
Aug 10 Javascript
Koa 中的错误处理解析
Apr 09 Javascript
微信小程序scroll-view锚点链接滚动跳转功能
Dec 12 Javascript
vue swipeCell滑动单元格(仿微信)的实现示例
Sep 14 Javascript
JQuery绑定事件四种实现方法解析
Dec 02 jQuery
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
解决dede生成静态页和动态页转换的一些问题,及火车采集入库生成动态的办法
2007/03/29 PHP
PHP array 的加法操作代码
2010/07/24 PHP
Laravel中使用自己编写类库的3种方法
2015/02/10 PHP
PHP实现可自定义样式的分页类
2016/03/29 PHP
js 上下左右键控制焦点(示例代码)
2013/12/14 Javascript
jQuery中trigger()方法用法实例
2015/01/19 Javascript
javascript实现验证IP地址等相关信息代码
2015/05/10 Javascript
基于jquery实现鼠标滚轮驱动的图片切换效果
2015/10/26 Javascript
jQuery中的siblings用法实例分析
2015/12/24 Javascript
ECHO.js 纯javascript轻量级延迟加载的实例代码
2016/05/24 Javascript
详解JavaScript常量定义
2017/01/03 Javascript
nodejs前端自动化构建环境的搭建
2017/07/26 NodeJs
基于百度地图api清除指定覆盖物(Overlay)的方法
2018/01/26 Javascript
原生js实现拖拽功能基本思路详解
2018/04/18 Javascript
Vue中android4.4不兼容问题的解决方法
2018/09/04 Javascript
nuxt.js 在middleware(中间件)中实现路由鉴权操作
2020/11/06 Javascript
Python中random模块生成随机数详解
2016/03/10 Python
Python简单实现查找一个字符串中最长不重复子串的方法
2018/03/26 Python
Python使用re模块正则提取字符串中括号内的内容示例
2018/06/01 Python
python将控制台输出保存至文件的方法
2019/01/07 Python
解决Django生产环境无法加载静态文件问题的解决
2019/04/23 Python
Python 3.6打包成EXE可执行程序的实现
2019/10/18 Python
Django 简单实现分页与搜索功能的示例代码
2019/11/07 Python
利用python实现.dcm格式图像转为.jpg格式
2020/01/13 Python
重写django的model下的objects模型管理器方式
2020/05/15 Python
Python爬取酷狗MP3音频的步骤
2021/02/26 Python
运动会广播稿300字
2014/01/10 职场文书
致百米运动员广播稿
2014/01/29 职场文书
机械电子工程专业求职信
2014/06/22 职场文书
故宫英文导游词
2015/01/31 职场文书
小学语文教师年度考核个人总结
2015/02/05 职场文书
大学推普周活动总结
2015/05/07 职场文书
全陪导游词开场白
2015/05/29 职场文书
2016年第32个教师节致辞
2015/11/26 职场文书
matlab xlabel位置的设置方式
2021/05/21 Python
如何利用 CSS Overview 面板重构优化你的网站
2021/10/24 HTML / CSS