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 相关文章推荐
js的with语句使用方法
Sep 21 Javascript
JavaScript 克隆数组最简单的方法
Feb 12 Javascript
深入解读JavaScript中的Iterator和for-of循环
Jul 28 Javascript
JS代码实现table数据分页效果
May 26 Javascript
javascript入门之window对象【新手必看】
Nov 22 Javascript
微信JS-SDK选取手机照片上传功能
Apr 21 Javascript
Js实现京东无延迟菜单效果实例(demo)
Jun 02 Javascript
Node.js开发第三方微信公众平台
Jun 05 Javascript
vue.js 添加 fastclick的支持方法
Aug 28 Javascript
js正则取值的结果数组调试方法
Oct 10 Javascript
微信小程序如何获取用户头像和昵称
Sep 23 Javascript
使用Vue.set()方法实现响应式修改数组数据步骤
Nov 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下使用以下代码连接并测试
2008/04/09 PHP
解析crontab php自动运行的方法
2013/06/24 PHP
解析Ubuntu下crontab命令的用法
2013/06/24 PHP
php实现通用的信用卡验证类
2015/03/24 PHP
PHP的Socket通信之UDP通信实例
2015/07/02 PHP
php 多继承的几种常见实现方法示例
2019/11/18 PHP
PHP的重载使用魔术方法代码实例详解
2021/02/26 PHP
表单项的name命名为submit、reset引起的问题
2007/12/22 Javascript
javascript 随机展示头像实现代码
2011/12/06 Javascript
JS控制图片翻转示例代码(兼容firefox,ie,chrome)
2013/12/19 Javascript
angularjs中的e2e测试实例
2014/12/06 Javascript
了不起的node.js读书笔记之mongodb数据库交互
2014/12/22 Javascript
jquery简单实现幻灯片的方法
2015/08/03 Javascript
最后说说Vue2 SSR 的 Cookies 问题
2018/05/25 Javascript
详解如何使用babel进行es6文件的编译
2018/05/29 Javascript
node.js到底要不要加分号浅析
2018/07/11 Javascript
python实现自动重启本程序的方法
2015/07/09 Python
用Python写冒泡排序代码
2016/04/12 Python
Python2实现的图片文本识别功能详解
2018/07/11 Python
Python 字符串与二进制串的相互转换示例
2018/07/23 Python
pymongo中group by的操作方法教程
2019/03/22 Python
itchat-python搭建微信机器人(附示例)
2019/06/11 Python
PyTorch的深度学习入门教程之构建神经网络
2019/06/27 Python
Python计算一个点到所有点的欧式距离实现方法
2019/07/04 Python
python图片二值化提高识别率代码实例
2019/08/24 Python
django model通过字典更新数据实例
2020/04/01 Python
python3 简单实现组合设计模式
2020/07/02 Python
解决运行出现'dict' object has no attribute 'has_key'问题
2020/07/15 Python
adidas官方旗舰店:德国运动用品制造商
2017/11/25 全球购物
班主任寄语大全
2014/04/04 职场文书
元旦寄语大全
2014/04/10 职场文书
学习雷锋精神演讲稿
2014/05/10 职场文书
单位单身证明样本
2014/10/11 职场文书
幼师大班个人总结
2015/02/13 职场文书
鲁滨逊漂流记读书笔记
2015/06/26 职场文书
七年级作文之下雨天
2019/12/23 职场文书