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

(0)

相关推荐

  • js退弹 IE关闭时弹出广告代码,可以防止屏蔽

    在网上寻觅了很久JS退弹代码,也没有找出让人非常满意的代码.于是今天把收集的退弹代码做了一下整理,精简出一个非常短小精悍而强力的JS退弹代码,能够突破现在绝大多数浏览器的限制,包括SP2.IE6.IE7.遨游.MYIE等等. 现提供给有这方面需求的用户: 完整版24小时只弹一次的代码 复制代码 代码如下: function Get(){ var Then = new Date() Then.setTime(Then.getTime() + 24*60*60*1000) //这里是24小时,如果想

  • JavaScript常用的弹出广告及背投广告实现方法

    本文实例讲述了JavaScript常用的弹出广告及背投广告实现方法.分享给大家供大家参考.具体分析如下: 弹出广告和背景广告在大网站用的比较多,也是站长的必备代码,本代码段中包括弹出窗口广告以及背投广告两种形式,根据自己的需要,你可以随意选择. 注:这类广告不建议大家用,大多浏览器都会把此类AD拦截,只为大家学习之用. 复制代码 代码如下: <html> <head> <title>JavaScript常用的弹出广告及背投广告代码</title> </

  • 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清空

  • 使用jQuery实现页面定时弹出广告效果

    1.JQuery效果 2.步骤分析: 第一步:引入jQuery相关的文件 第二步:书写页面加载函数 第三步:在页面加载函数中,获取显示广告图片的元素. 第四步:设置定时操作(显示广告图片的函数) 第五步:在显示广告图片的函数中,使用jQuery的方法让广告图片显示(show()) 第六步:清除显示广告图片的定时操作 第七步:设置定时操作(隐藏广告图片的函数) 第八步:在隐藏广告图片的函数中,使用jQuery的方法让广告图片隐藏(hide()) 第九步:清除隐藏广告图片的定时操作 <script

  • Yii框架弹出框功能示例

    本文实例讲述了Yii框架弹出框功能.分享给大家供大家参考,具体如下: <?php $this->beginWidget('zii.widgets.jui.CJuiDialog', array( 'id'=>'userinfo_edit',//弹窗ID // additional javascript options for the dialog plugin 'options'=>array(//传递给JUI插件的参数 'title'=>'修改个人信息', 'autoOpen

  • 使用JavaScript实现弹出层效果的简单实例

    声明 阅读本文需要有一定的HTML.CSS和JavaScript基础 设计 实现弹出层效果的思路非常简单:将待显示的内容先隐藏,在触发某种条件后(如点击按钮),将原本隐藏的内容显示出来. 实现 <!DOCTYPE html> <html> <head> <title>Window对象</title> <meta charset="utf-8"> </head> <body> <a hr

  • 巧用NTFS权限屏蔽FlashGet弹出广告

    笔者上网时,IE总会有弹出窗口出现,即使把IE关闭,也无法杜绝.原来这是由FlashGet(网际快车)的广告系统带来的.FlashGet的广告系统包括两部分:位于FlashGet程序窗口的横幅广告和随机弹出广告.在1.6版之前,安装FlashGet的同时还会安装一个FlashGet广告软件,该广告软件有一定自我保护功能,无法单独卸载.在1.6版之后,广告软件被直接集成到了FlashGet软件中,当在安装FlashGet时选择freeware模式后,广告软件便开始工作.一旦使用FlashGet下载

  • jQuery实现点击自身以外区域关闭弹出层功能完整示例【改进版】

    本文实例讲述了jQuery实现点击自身以外区域关闭弹出层功能.分享给大家供大家参考,具体如下: 原理参考前面一篇<JS使用遮罩实现点击某区域以外时弹窗的弹出与关闭功能>,小编顺便对原文区域外点击bug进行了修改,具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.d

  • 基于JQuery实现页面定时弹出广告

    Js相关技术 定时器: ​ setInterval & clearInterval ​ setTimeout & clearTimeout 显示: img.style.display = "block" 隐藏: img.style.display = "none" img 对象 style属性: style对象 需求分析 当用户打开界面,3秒钟之后弹出广告,这个广告显示5秒钟,隐藏广告 技术分析 定时器: setTimeout 显示和隐藏: styl

  • javascript 强制弹出窗口代码-跨拦截

    强制弹出窗口代码研究-ForceWindow 此为一款老代码,本代码是通过构建一个 Form,然后用 JS 去 submit 这个 Form(也可以模拟提交按钮被 click).我在 IE8 中测试起作用,但在 Firefox 3.5 中被拦截. 复制代码 代码如下: ForceWindow.iclass.js 代码如下(使用.讲解.相关说明全部在注释中): /** * ====================================================== * 本程序可自由

随机推荐