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 相关文章推荐
javascript实现tab切换特效
Nov 12 Javascript
javascript的BOM
May 03 Javascript
使用DeviceOne实现微信小程序功能
Dec 29 Javascript
基于Vue框架vux组件库实现上拉刷新功能
Nov 28 Javascript
React中的render何时执行过程
Apr 13 Javascript
浅析vue-router jquery和params传参(接收参数)$router $route的区别
Aug 03 jQuery
Vue js 的生命周期(看了就懂)(推荐)
Mar 29 Javascript
Vue3.0结合bootstrap创建多页面应用
May 28 Javascript
JS实现瀑布流效果
Mar 07 Javascript
解决angular 使用原生拖拽页面卡顿及表单控件输入延迟问题
Apr 21 Javascript
在Vue中使用antv的示例代码
Jun 29 Javascript
微信小程序实现轮播图指示器
Jun 25 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
音乐朗读剧《MARS RED》2021年TV动画化决定!
2020/03/06 日漫
yii2中的rules 自定义验证规则详解
2016/04/19 PHP
PHP生成腾讯云COS接口需要的请求签名
2018/05/20 PHP
php支付宝系列之电脑网站支付
2018/05/30 PHP
javascript 极速 隐藏/显示万行表格列只需 60毫秒
2009/03/28 Javascript
jQuery对象和DOM对象的相互转化实现代码
2010/03/02 Javascript
js内置对象 学习笔记
2011/08/01 Javascript
用JQuery 判断某个属性是否存在hasAttr的解决方法
2013/04/26 Javascript
js中对象的声明方式以及数组的一些用法示例
2013/12/11 Javascript
JS判断两个时间大小的示例代码
2014/01/28 Javascript
jQuery+ajax实现实用的点赞插件代码
2016/07/06 Javascript
JS验证 只能输入小数点,数字,负数的实现方法
2016/10/07 Javascript
Kendo Grid editing 自定义验证报错提示的解决方法
2016/11/18 Javascript
自己封装的一个简单的倒计时功能实例
2016/11/23 Javascript
基于Angular.js实现的触摸滑动动画实例代码
2017/02/19 Javascript
jQuery插件zTree实现删除树子节点的方法示例
2017/03/08 Javascript
Vue父子组件之间的通信实例详解
2018/09/28 Javascript
JS面试题大坑之隐式类型转换实例代码
2018/10/14 Javascript
JS中的算法与数据结构之栈(Stack)实例详解
2019/08/20 Javascript
vue element-ui实现input输入框金额数字添加千分位
2019/12/29 Javascript
构建一个JavaScript插件系统
2020/10/20 Javascript
JQuery绑定事件四种实现方法解析
2020/12/02 jQuery
pytorch  网络参数 weight bias 初始化详解
2020/06/24 Python
HTML5 source标签:媒介元素定义媒介资源
2018/01/29 HTML / CSS
有机童装:Toby Tiger
2018/05/23 全球购物
德国咖啡批发商:Coffeefair
2019/08/26 全球购物
Footshop乌克兰:运动鞋的最大选择
2019/12/01 全球购物
Feelunique澳大利亚:欧洲的化妆品零售电商
2019/12/18 全球购物
材料加工硕士生求职信
2013/10/10 职场文书
学生就业推荐信
2013/11/13 职场文书
《中华少年》教学反思
2014/02/15 职场文书
电力培训心得体会
2014/09/02 职场文书
作风转变年心得体会
2014/10/22 职场文书
教师个人发展总结
2015/02/11 职场文书
上课讲话检讨书范文
2015/05/07 职场文书
如何用Python搭建gRPC服务
2021/06/30 Python