使用javascript完成弹出广告

		var i=0;//记录次数
		var timer;//定时器id
		
		//设置弹出广告
		οnlοad=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";
		}

根据提供的引用内容,可以看出你提供的是一种在网页中实现广告的自动显示与隐藏的代码实现方法。这段代码使用了jQuery库来实现广告的显示和隐藏。在页面加载完成后,通过定时器调用adShow和adHide两个方法来控制广告的显示和隐藏。adShow方法用于显示广告,adHide方法用于隐藏广告。具体的代码实现如下: ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>广告的自动显示与隐藏</title> <style> #content{width:100%;height:500px;background:#999} </style> <!--引入jquery--> <script type="text/javascript" src="../js/jquery-3.3.1.min.js"></script> <script> //入口函数,在页面加载完成之后,定义定时器,调用这两个方法 $(function () { setTimeout(adShow,3000); setTimeout(adHide,8000); }) function adShow() { $("#ad").show("slow"); } function adHide() { $("#ad").hide("slow"); } </script> </head> <body> <!-- 整体的DIV --> <div> <!-- 广告DIV --> <div id="ad" style="display: none;"> <img style="width:100%" src="../img/adv.jpg" /> </div> <!-- 下方正文部分 --> <div id="content"> 正文部分 </div> </div> </body> </html> ``` 根据你的问题,如果你想在打开网站时弹出广告网址,你可以将广告的网址放在img标签的src属性中,如上述代码中的`<img style="width:100%" src="../img/adv.jpg" />`,将`../img/adv.jpg`替换为你想要弹出广告网址即可。 #### 引用[.reference_title] - *1* [【WinRAR】去除打开后弹出广告的方法](https://blog.csdn.net/friendlytkyj/article/details/129470106)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [WinRAR去除打开后弹出广告的方法](https://blog.csdn.net/wkl_venus/article/details/115519074)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [JavaWeb——JQuery之高级案例实战(打开网页自动弹出广告效果、抽奖效果实现)](https://blog.csdn.net/w464960660/article/details/107964773)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值