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 相关文章推荐
asp.net+js 实现无刷新上传解析csv文件的代码
May 17 Javascript
为JavaScript提供睡眠功能(sleep) 自编译JS引擎
Aug 16 Javascript
javascript中[]和{}对象使用介绍
Mar 20 Javascript
基于iframe实现类似于ajax的页面无刷新
May 31 Javascript
[原创]推荐10款最热门jQuery UI框架
Aug 19 Javascript
node.js中的fs.symlinkSync方法使用说明
Dec 15 Javascript
浅谈js数据类型判断与数组判断
Aug 29 Javascript
Bootstrap 模态对话框只加载一次 remote 数据的完美解决办法
Jul 09 Javascript
JavaScript反弹动画效果的实现代码
Jul 13 Javascript
RequireJS用法简单示例
Aug 20 Javascript
解决vue-cli webpack打包后加载资源的路径问题
Sep 25 Javascript
JavaScript canvas实现跟随鼠标事件
Feb 10 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 禁止页面缓存输出
2009/01/07 PHP
php mail to 配置详解
2014/01/16 PHP
PHP处理SQL脚本文件导入到MySQL的代码实例
2014/03/17 PHP
php输出指定时间以前时间格式的方法
2015/03/21 PHP
yii2带搜索功能的下拉框实例详解
2016/05/12 PHP
Laravel框架集成UEditor编辑器的方法图文与实例详解
2019/04/17 PHP
js之WEB开发调试利器:Firebug 下载
2007/01/13 Javascript
ExtJS 入门
2010/10/29 Javascript
中文字符串截取的js函数代码
2013/04/17 Javascript
用javascript判断IE版本号简单实用且向后兼容
2013/09/11 Javascript
详解jquery uploadify 上传文件
2013/11/09 Javascript
JS创建自定义表格具体实现
2014/02/11 Javascript
使用jQuery和Bootstrap实现多层、自适应模态窗口
2014/12/22 Javascript
JQuery实现网页右侧随动广告特效
2016/01/17 Javascript
bootstrap制作jsp页面(根据值让table显示选中)
2017/01/05 Javascript
深入理解Node.js中通用基础设计模式
2017/09/19 Javascript
js判断数组是否包含某个字符串变量的实例
2017/11/24 Javascript
Vue 中使用vue2-highcharts实现top功能的示例
2018/03/05 Javascript
vue写一个组件
2018/04/09 Javascript
js实现弹出框的拖拽效果实例代码详解
2019/04/16 Javascript
基于iview的router常用控制方式
2019/05/30 Javascript
swiper4实现移动端导航切换
2020/10/16 Javascript
JS通过识别id、value值对checkbox设置选中状态
2020/02/19 Javascript
Python的内存泄漏及gc模块的使用分析
2014/07/16 Python
Python简单定义与使用字典dict的方法示例
2017/07/25 Python
PyTorch快速搭建神经网络及其保存提取方法详解
2018/04/28 Python
python字符串反转的四种方法详解
2019/12/02 Python
Python Numpy数组扩展repeat和tile使用实例解析
2019/12/09 Python
利用pandas向一个csv文件追加写入数据的实现示例
2020/04/23 Python
Python远程linux执行命令实现
2020/11/11 Python
英国Iceland杂货店:网上食品购物
2020/12/16 全球购物
音乐专业应届生教师求职信
2013/11/04 职场文书
国际商贸专业自荐信
2014/06/09 职场文书
2014年国庆节庆祝建国65周年比赛演讲稿
2014/09/21 职场文书
肖申克救赎观后感
2015/06/02 职场文书
《童年的发现》教学反思
2016/02/18 职场文书