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 相关文章推荐
document.open() 与 document.write()的区别
Aug 13 Javascript
js word表格动态添加代码
Jun 07 Javascript
js触发asp.net的Button的Onclick事件应用
Feb 02 Javascript
分享2个jQuery插件--jquery.fileupload与artdialog
Dec 26 Javascript
jquery通过ajax加载一段文本内容的方法
Jan 15 Javascript
vue.js element-ui validate中代码不执行问题解决方法
Dec 18 Javascript
Vue shopCart 组件开发详解
Jan 26 Javascript
Vue父子组件双向绑定传值的实现方法
Jul 31 Javascript
解决angularjs WdatePicker ng-model的问题
Sep 13 Javascript
JavaScript监听键盘事件代码实现
Jun 03 Javascript
JS绘图Flot如何实现动态可刷新曲线图
Oct 16 Javascript
javascript实现下拉菜单效果
Feb 09 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中的一个中文字符串截取函数
2007/02/14 PHP
CodeIgniter输出中文乱码的两种解决办法
2014/06/12 PHP
PHP+jquery+ajax实现即时聊天功能实例
2014/12/23 PHP
php curl获取https页面内容,不直接输出返回结果的设置方法
2019/01/15 PHP
详解php中curl返回false的解决办法
2019/03/18 PHP
调用js时ie6和ie7,ff的区别
2009/08/19 Javascript
扩展easyui.datagrid,添加数据loading遮罩效果代码
2010/11/02 Javascript
jQuery之日期选择器的深入解析
2013/06/19 Javascript
ajaxFileUpload.js插件支持多文件上传的方法
2014/09/02 Javascript
Jquery uploadify上传插件使用详解
2016/01/13 Javascript
Node.js的Mongodb使用实例
2016/12/30 Javascript
jQuery Tree Multiselect使用详解
2017/05/02 jQuery
ajax +NodeJS 实现图片上传实例
2017/06/06 NodeJs
vue-cli项目中使用Mockjs详解
2018/05/14 Javascript
vue文件运行的方法教学
2019/02/12 Javascript
ES6知识点整理之模块化的应用详解
2019/04/15 Javascript
Vuex持久化插件(vuex-persistedstate)解决刷新数据消失的问题
2019/04/16 Javascript
layer弹出层自定义提交取消按钮的例子
2019/09/10 Javascript
javascript实现搜索筛选功能实例代码
2020/11/12 Javascript
[05:36]DOTA2 2015国际邀请赛中国区预选赛第四日TOP10
2015/05/29 DOTA
[57:18]DOTA2上海特级锦标赛主赛事日 - 1 败者组第一轮#3VP VS VG
2016/03/03 DOTA
Python中自定义函数的教程
2015/04/27 Python
Python如何判断数独是否合法
2016/09/08 Python
python抽取指定url页面的title方法
2018/05/11 Python
python将list转为matrix的方法
2018/12/12 Python
python-itchat 获取微信群用户信息的实例
2019/02/21 Python
100行Python代码实现每天不同时间段定时给女友发消息
2019/09/27 Python
使用Django搭建一个基金模拟交易系统教程
2019/11/18 Python
俄罗斯最大的隐形眼镜销售网站:Ochkov.Net
2021/02/07 全球购物
雷蛇美国官网:Razer
2020/04/03 全球购物
仓管员岗位责任制
2014/02/19 职场文书
党的群众路线教育实践活动总结材料
2014/10/30 职场文书
英语读书笔记
2015/07/02 职场文书
php TP5框架生成二维码链接
2021/04/01 PHP
python关于集合的知识案例详解
2021/05/30 Python
Java 超详细讲解hashCode方法
2022/04/07 Java/Android