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 相关文章推荐
一段实时更新的时间代码
Jul 07 Javascript
AeroWindow 基于JQuery的弹出窗口插件
Jun 27 Javascript
实例详解jQuery表单验证插件validate
Jan 18 Javascript
简单的JS轮播图代码
Jul 18 Javascript
AngularJs 利用百度地图API 定位当前位置 获取地址信息
Jan 18 Javascript
EasyUI Datebox 日期验证之开始日期小于结束时间
May 19 Javascript
vue.js简单配置axios的方法详解
Dec 13 Javascript
vue 中directive功能的简单实现
Jan 05 Javascript
微信小程序分享海报生成的实现方法
Dec 10 Javascript
用node.js写一个jenkins发版脚本
May 21 Javascript
JQuery+Bootstrap 自定义全屏Loading插件的示例demo
Jul 03 jQuery
vue 全局环境切换问题
Oct 27 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&amp;MYSQL服务器配置说明
2006/10/09 PHP
用PHP将数据导入到Foxmail的实现代码
2010/09/05 PHP
PHP从FLV文件获取视频预览图的方法
2015/03/12 PHP
编辑浪子版表单验证类
2007/05/12 Javascript
JAVASCRIPT keycode总结
2009/02/04 Javascript
jquery获取input表单值的代码
2010/04/19 Javascript
jQuery 1.5.1 发布,全面支持IE9 修复大量bug
2011/02/26 Javascript
Javascript 面向对象(一)(共有方法,私有方法,特权方法)
2012/05/23 Javascript
js控制淡入淡出示例代码
2013/11/12 Javascript
js判断主流浏览器类型和版本号的简单实现代码
2016/05/26 Javascript
JavaScript代码判断输入的字符串是否含有特殊字符和表情代码实例
2017/08/17 Javascript
深入理解React中何时使用箭头函数
2017/08/23 Javascript
浅谈VUE中演示v-for为什么要加key
2020/01/16 Javascript
解决新建一个vue项目过程中遇到的问题
2020/10/22 Javascript
python中元类用法实例
2014/10/10 Python
Python中列表、字典、元组、集合数据结构整理
2014/11/20 Python
Python通过递归遍历出集合中所有元素的方法
2015/02/25 Python
python正则实现提取电话功能
2018/02/24 Python
对python xlrd读取datetime类型数据的方法详解
2018/12/26 Python
Python字符串通过'+'和join函数拼接新字符串的性能测试比较
2019/03/05 Python
通过python3实现投票功能代码实例
2019/09/26 Python
Python OrderedDict的使用案例解析
2019/10/25 Python
关于Python Tkinter Button控件command传参问题的解决方式
2020/03/04 Python
django自定义非主键自增字段类型详解(auto increment field)
2020/03/30 Python
python基于爬虫+django,打造个性化API接口
2021/01/21 Python
美国一家著名的儿童鞋制造商:Stride Rite
2017/01/02 全球购物
管理科学大学生求职信
2013/11/13 职场文书
入党自我评价优缺点
2014/01/25 职场文书
党员先锋岗事迹材料
2014/05/08 职场文书
企业标语口号
2014/06/10 职场文书
收费员岗位职责
2015/02/14 职场文书
我的长征观后感
2015/06/09 职场文书
幼儿园班级管理心得体会
2016/01/07 职场文书
python实现简单的名片管理系统
2021/04/26 Python
python数字类型和占位符详情
2022/03/13 Python
Lakehouse数据湖并发控制陷阱分析
2022/03/31 Oracle