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 相关文章推荐
Jquery replace 字符替换实现代码
Dec 02 Javascript
JS关闭窗口或JS关闭页面的几种代码分享
Oct 25 Javascript
原生js和jquery中有关透明度设置的相关问题
Jan 08 Javascript
JS取request值以及自动执行使用示例
Feb 24 Javascript
js的回调函数详解
Jan 05 Javascript
script标签属性用type还是language
Jan 21 Javascript
JavaScipt中栈的实现方法
Feb 17 Javascript
深入探究JavaScript中for循环的效率问题及相关优化
Mar 13 Javascript
浅析JavaScript 箭头函数 generator Date JSON
May 23 Javascript
vue-cli如何添加less 以及sass
Jul 06 Javascript
vue.js内置组件之keep-alive组件使用
Jul 10 Javascript
微信小程序使用template标签实现五星评分功能
Nov 03 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 COOKIE立即生效,不用刷新就可以使用
2011/03/09 PHP
php正则表达式使用的详细介绍
2013/04/27 PHP
PHP获取当前所在目录位置的方法
2014/11/26 PHP
解决Laravel5.5下的toArray问题
2019/10/15 PHP
基于jquery的checkbox下拉框插件代码
2010/06/25 Javascript
图片轮换效果实现代码(点击按钮停止执行)
2013/04/12 Javascript
JS简单的轮播的图片滚动实例
2013/06/17 Javascript
Jquery插件easyUi表单验证提交(示例代码)
2013/12/30 Javascript
jquery操作checked属性以及disabled属性的多种方法
2014/06/20 Javascript
JS中产生20位随机数以0-9为例也可以是a-z A-Z
2014/08/01 Javascript
用jquery修复在iframe下的页面锚点失效问题
2014/08/22 Javascript
JavaScript给url网址进行encode编码的方法
2015/03/18 Javascript
JS获取随机数和时间转换的简单实例
2016/07/10 Javascript
百度多文件异步上传控件webuploader基本用法解析
2016/11/07 Javascript
JS判断键盘是否按的回车键并触发指定按钮点击操作的方法
2017/02/13 Javascript
mongoose中利用populate处理嵌套的方法
2017/05/26 Javascript
vue+mockjs模拟数据实现前后端分离开发的实例代码
2017/08/08 Javascript
微信小程序实现图片上传、删除和预览功能的方法
2017/12/18 Javascript
vue 之 .sync 修饰符示例详解
2018/04/21 Javascript
js实现聊天对话框
2020/02/08 Javascript
python随机数分布random测试
2018/08/27 Python
对python读写文件去重、RE、set的使用详解
2018/12/11 Python
Python根据欧拉角求旋转矩阵的实例
2019/01/28 Python
python列表切片和嵌套列表取值操作详解
2020/02/27 Python
用于ETL的Python数据转换工具详解
2020/07/21 Python
英国门把手公司:Door Handle Company
2019/05/12 全球购物
Stokke美国官方网店:高级儿童家具、推车、汽车座椅和配件
2020/06/06 全球购物
小学少先队活动方案
2014/02/18 职场文书
2014年大学生四年规划书范文
2014/04/03 职场文书
商场消防安全责任书
2014/07/29 职场文书
2015年高校就业工作总结
2015/05/04 职场文书
开国大典观后感
2015/06/04 职场文书
生鲜超市—未来中国最具有潜力零售业态
2019/08/02 职场文书
python和Appium的移动端多设备自动化测试框架
2022/04/26 Python
NASA 机智号火星直升机拍到了毅力号设备碎片
2022/04/29 数码科技
mysql中关键词exists的用法实例详解
2022/06/10 MySQL