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 相关文章推荐
对采用动态原型方式无法展示继承机制得思考
Dec 04 Javascript
jquery mobile changepage的三种传参方法介绍
Sep 13 Javascript
JQuery勾选指定name的复选框集合并显示的方法
May 18 Javascript
js实现获取当前时间是本月第几周的方法
Aug 11 Javascript
使用Node.js给图片加水印的方法
Nov 15 Javascript
JS实现密码框的显示密码和隐藏密码功能示例
Dec 26 Javascript
Vue.js学习之过滤器详解
Jan 22 Javascript
Angular.js之作用域scope'@','=','&amp;'实例详解
Feb 28 Javascript
JavaScript阻止表单提交方法(附代码)
Aug 15 Javascript
webpack 插件html-webpack-plugin的具体使用
Apr 09 Javascript
jQuery实现的响应鼠标移动方向插件用法示例【附源码下载】
Aug 28 jQuery
Node.js API详解之 querystring用法实例分析
Apr 29 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
Alliance vs AM BO3 第二场2.13
2021/03/10 DOTA
WEB高性能开发之疯狂的HTML压缩
2010/06/19 Javascript
javascript读写XML实现广告轮换(兼容IE、FF)
2013/08/09 Javascript
Jquery解析Json格式数据过程代码
2014/10/17 Javascript
JavaScript知识点总结(十一)之js中的Object类详解
2016/05/31 Javascript
js实现的页面加载完毕之前loading提示效果完整示例【附demo源码下载】
2016/08/02 Javascript
angular分页指令操作
2017/01/09 Javascript
json的结构与遍历方法实例分析
2017/04/25 Javascript
详解JS中的柯里化(currying)
2017/08/17 Javascript
Vue v2.5 调整和更新不完全问题
2017/10/24 Javascript
微信小程序实现文字跑马灯效果
2020/05/26 Javascript
webpack4 CSS Tree Shaking的使用
2018/09/03 Javascript
小程序登录态管理的方法示例
2018/11/13 Javascript
layui使用form表单实现post请求页面跳转的方法
2019/09/14 Javascript
Bootstrap table 实现树形表格联动选中联动取消功能
2019/09/30 Javascript
微信小程序上传帖子的实例代码(含有文字图片的微信验证)
2020/07/11 Javascript
vue+swiper实现左右滑动的测试题功能
2020/10/30 Javascript
[03:00]《DAC最前线》之欧美新秀VS老将
2015/02/01 DOTA
tornado框架blog模块分析与使用
2013/11/21 Python
python二分查找算法的递归实现方法
2016/05/12 Python
详解python实现读取邮件数据并下载附件的实例
2017/08/03 Python
基于python 微信小程序之获取已存在模板消息列表
2019/08/05 Python
python redis 批量设置过期key过程解析
2019/11/26 Python
如何使用python socket模块实现简单的文件下载
2020/09/04 Python
重写子类方法时,抛出异常的书写注意事项
2015/10/17 面试题
经贸日语专业个人求职信
2013/12/13 职场文书
数控机械专业个人的自我评价
2014/01/02 职场文书
大学军训感言400字
2014/03/11 职场文书
共产党员岗位承诺书
2014/05/29 职场文书
住宿生擅自离校检讨书
2014/09/22 职场文书
个人作风建设心得体会
2014/10/22 职场文书
离婚答辩状范文
2015/05/22 职场文书
2016父亲节感恩话语
2015/12/09 职场文书
入党申请书怎么写?
2019/06/11 职场文书
Python 可迭代对象 iterable的具体使用
2021/08/07 Python
以下牛机,你有几个
2022/04/05 无线电