JavaScript实现弹出广告功能
更新时间：2017年03月30日 09:08:46 作者：moon-start
本文通过实例代码给大家分享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实现弹出广告功能，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
这篇文章主要为大家详细介绍了js实现连连看游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-05-05
这篇文章主要介绍了当前流行的JavaScript代码风格指南,同时推荐了一款风格检验工具jshint,可以配合大多数的编辑器统一团队代码风格,需要的朋友可以参考下2014-09-09
这篇文章主要介绍了让JavaScript代码更加精简的方法技巧,文章通过使用 JavaScript对象解构来节省代码，JavaScript 对象解构赋值在项目开发中是一个常用的技能。下文实现过程需要的小伙伴可以参考一下2022-06-06
已知微信小程序中如果要做到全局状态共享，常用的有四种方式，分别是globalData、本地缓存、mobx-miniprogram和westore，本文将带大家看看mobx-miniprogram是如何实现的小程序的全局状态管理，需要的可以收藏一下2023-06-06
JavaScript ECMA-262-3 深入解析（一）：执行上下文实例分析
这篇文章主要介绍了JavaScript ECMA-262-3 执行上下文,结合实例形式详细分析JavaScript ECMA执行上下文相关概念、原理与操作注意事项,需要的朋友可以参考下2020-04-04
async提供了很多函数用于异步流程控制，下面是async核心的几个函数，大家通过本文学习下，对使用async 实现异步控制相关知识，感兴趣的朋友一起看看吧2017-08-08
Firefox 包含了一个非标准的 JavaScript 扩展，使正则像函数一样可调用。2008-04-04
这篇文章主要介绍的是通过js简单实现交换Li的值,需要的朋友可以参考下2014-05-05
这篇文章主要为大家详细介绍了基于JavaScript实现屏幕滚动效果的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-01-01
这篇文章主要为大家详细介绍了JS实现简单tab选项卡切换，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-10-10
最新评论