欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

JavaScript实现弹出广告功能

程序员文章站 2022-05-15 11:04:28
废话不多说了,直接给大家贴代码了,具体代码如下所示: var...

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

<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实现弹出广告功能,希望对大家有所帮助