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 相关文章推荐
javascript脚本调试方法小结
Nov 24 Javascript
用cssText批量修改样式
Aug 29 Javascript
Jquery实现页面加载时弹出对话框代码
Apr 19 Javascript
Js保留小数点的4种效果实现代码分享
Apr 12 Javascript
javascript的数组和常用函数详解
May 09 Javascript
javascript的switch用法注意事项分析
Feb 02 Javascript
jQuery实现表格展开与折叠的方法
May 04 Javascript
解决WordPress使用CDN后博文无法评论的错误
Dec 15 Javascript
js仿搜狐视频记录片列表展示效果
May 30 Javascript
vue中echarts3.0自适应的方法
Feb 26 Javascript
js实现查询商品案例
Jul 22 Javascript
vue如何实现关闭对话框后刷新列表
Apr 08 Vue.js
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项目中百度 UEditor 简单安装调试和调用
2015/07/15 PHP
Laravel 实现Controller向blade前台模板赋值的四种方式小结
2019/10/22 PHP
jquery中this的使用说明
2010/09/06 Javascript
使用ngView配合AngularJS应用实现动画效果的方法
2015/06/19 Javascript
javascript实现连续赋值
2015/08/10 Javascript
jQuery mobile在页面加载时添加加载中效果 document.ready 和window.onload执行顺序比较
2016/07/14 Javascript
浅析JavaScript中的array数组类型系统
2016/07/18 Javascript
js在ie下打开对话窗口的方法小结
2016/10/24 Javascript
js/jq仿window文件夹移动/剪切/复制等操作代码
2017/03/08 Javascript
vue.js vue-router如何实现无效路由(404)的友好提示
2017/12/20 Javascript
react脚手架如何配置less和ant按需加载的方法步骤
2018/11/28 Javascript
微信小程序Echarts覆盖正常组件问题解决
2019/07/13 Javascript
微信小程序封装分享与分销功能过程解析
2019/08/13 Javascript
深入浅析vue中cross-env的使用
2019/09/12 Javascript
20多个小事例带你重温ES10新特性(小结)
2019/09/29 Javascript
Vue 样式切换及三元判断样式关联操作
2020/08/09 Javascript
vue中watch的用法汇总
2020/12/28 Vue.js
[03:55]2016国际邀请赛中国区预选赛首日TOP10精彩集锦
2016/06/27 DOTA
python获取豆瓣电影简介代码分享
2014/01/16 Python
浅析Python中将单词首字母大写的capitalize()方法
2015/05/18 Python
Python实现的递归神经网络简单示例
2017/08/11 Python
python调用matlab的m自定义函数方法
2019/02/18 Python
详解Python:面向对象编程
2019/04/10 Python
python实现统计代码行数的小工具
2019/09/19 Python
Python装饰器的应用场景代码总结
2020/04/10 Python
Python ADF 单位根检验 如何查看结果的实现
2020/06/03 Python
Python新手学习函数默认参数设置
2020/06/03 Python
Python求区间正整数内所有素数之和的方法实例
2020/10/13 Python
详解Django自定义图片和文件上传路径(upload_to)的2种方式
2020/12/01 Python
Topshop法国官网:英国快速时尚品牌
2018/04/08 全球购物
文明和谐家庭事迹材料
2014/05/18 职场文书
承诺书的内容有哪些,怎么写?
2019/06/21 职场文书
MySQL分库分表与分区的入门指南
2021/04/22 MySQL
MySQL Threads_running飙升与慢查询的相关问题解决
2021/05/08 MySQL
Python实现猜拳与猜数字游戏的方法详解
2022/04/06 Python