JavaScript

超轻量级php框架startmvc

JavaScript实现弹出广告功能

更新时间:2020-05-03 02:30:01 作者:startmvc
废话不多说了,直接给大家贴代码了,具体代码如下所示:<spanstyle="white-space:pre"></sp

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


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

js 弹出广告