当前位置: 首页 > 编程笔记 >

JavaScript实现弹出广告功能

利思源
2023-03-14
本文向大家介绍JavaScript实现弹出广告功能,包括了JavaScript实现弹出广告功能的使用技巧和注意事项,需要的朋友参考一下

废话不多说了,直接给大家贴代码了,具体代码如下所示:

<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实现弹出广告功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对小牛知识库网站的支持!

 类似资料:
  • 本文向大家介绍基于JQuery实现页面定时弹出广告,包括了基于JQuery实现页面定时弹出广告的使用技巧和注意事项,需要的朋友参考一下 Js相关技术 定时器: ​ setInterval & clearInterval ​ setTimeout & clearTimeout 显示: img.style.display = "block" 隐藏: img.style.display = "none"

  • 本文向大家介绍JavaScript实现相册弹窗功能(zepto.js),包括了JavaScript实现相册弹窗功能(zepto.js)的使用技巧和注意事项,需要的朋友参考一下 先看看弹窗效果,如下:  以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。

  • 本文向大家介绍JavaScript定时器制作弹窗小广告,包括了JavaScript定时器制作弹窗小广告的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了js定时器制作弹窗广告的具体代码,供大家参考,具体内容如下 效果图: 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。

  • 本文向大家介绍JavaScript使用setTimeout实现延迟弹出警告框的方法,包括了JavaScript使用setTimeout实现延迟弹出警告框的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JavaScript使用setTimeout实现延迟弹出警告框的方法。分享给大家供大家参考。具体如下: 下面的代码执行后点击按钮会延迟3秒钟弹出一个警告框,主要演示了setTimeout

  • 本文向大家介绍如何实现广告弹窗触达频率的控制?,包括了如何实现广告弹窗触达频率的控制?的使用技巧和注意事项,需要的朋友参考一下 如何实现广告弹窗触达频率的控制? 今天我们聊聊实际工作中遇到的一个问题: 产品提出想在我们的产品的首页做个弹窗广告,但是又不希望用户每次进来都给用户弹窗,每个用户每天进来只弹一次就好了。 这个如何实现? 方法一(暴力破解) 或许有些人会觉得这个挺简单的,这个问题抽象出来不

  • 本文向大家介绍Vue弹出菜单功能的实现代码,包括了Vue弹出菜单功能的实现代码的使用技巧和注意事项,需要的朋友参考一下 言归正传 我们老样子直接先上效果图再开始今天的分享 这个项目的github可以看一看 组件分析 界面组成 逻辑分析 最终实现 界面组成 从上图中,我们可以看出界面主要分为menu和item2块,其中menu的动画是自传,item的动画是位移,然后这里我们通过绝对布局的方式将整个控