JavaScript实现弹出广告功能

内容简介：本文通过实例代码给大家分享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实现弹出广告功能，希望对大家有所帮助.

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，也希望大家多多支持 码农网

查看所有标签

本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。