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实现弹出广告功能,希望对大家有所帮助.
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网
猜你喜欢:本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
Dreamweaver基础教程
李振华、季小武、季小武、李振华 / 清华大学 / 2005-6 / 23.00元
本书通过实例的方式介绍了Macromedia公司的Dreamweaver MX 2004的使用方法和技巧。 全书由14章组成,第1章和第2章介绍了软件的应用领域、知识结构、界面组成等;第3章到第12章是本书的重点部分,通过实例制作介绍了站点的建立,表格、文本及样式的创建,链接、图像、行为的使用,层、表单、框架的创建和使用以及动画、多媒体的制作等主要知识点;第13章和第14章介绍了插件技......一起来看看 《Dreamweaver基础教程》 这本书的介绍吧!