JavaScript实现弹出广告功能
栏目: 编程语言 · JavaScript · 发布时间: 7年前
内容简介:本文通过实例代码给大家分享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实现弹出广告功能,希望对大家有所帮助.
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网
猜你喜欢:本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。