开启页面一段时间自动关闭广告的代码

时间：6年前阅读：5033

到指定的时间后自动关闭里面广告，直接上代码

CSS

<style type="text/css">    
			*{    
				padding: 0;    
				margin: 0;    
			}    
			#uu{    
				width: 600px;    
				height: 100px;    
				margin: 100px auto;    
				border: 1px solid darkcyan;    
				text-align: center;    
				line-height: 100px;    
				color: darkblue;    
				font-size: 20px;    
				font-weight: 700;    
			}    
			#uu span{    
				color: white;    
				background: darkcyan;    
			}    
			#uu .nn{    
				/*width: 600px;    
				height: 100px;    
				margin: 100px auto;    
				border: 1px solid darkcyan;    
				text-align: center;    
				line-height: 100px;    
				color: darkblue;    
				font-size: 20px;    
				font-weight: 700;*/    
				display: none;    
			}    
		</style>

HTML

<body>    
<div id="uu">    
<div class="cc">距离百家惠打折活动还有：<span>0</span>天:<span>0</span>时:<span>0</span>分:<span>0</span>秒，开始！</div>    
<div class="nn">    
<a href="http://www.youku.com/">你的广告位到期;</a>    
</div>	    
</div>    
</body>

JQUERY 这个js文件要下载，要不然js代码不起作用，因为我用jquery写的

var wl = new Date(2018,09,24,23,10,30); 这个是设置广告位到期关闭的时间 2018,09 是2018年，10月 / 2018,10 是2018年，11月

		<script src="jquery-1.11.3.min.js.js" type="text/javascript"></script>    
		<script type="text/javascript">    
			window.onload = function(){    
				var w;    
				function hs(){    
				var xj = new Date();    
				var wl = new Date(2018,09,24,23,10,30);    
				var ss = wl.getTime()-xj.getTime();    
				if (ss<0) {    
					ss=0;    
				}    
				if (ss==0) {    
					clearInterval(w);    
					$('.cc').css({display:'none'});    
					$('.nn').css({display:'block'})    
				}    
				var tian = parseInt(ss/(24*60*60*1000)) ;    
				if (tian<10) {    
					tian = '0'+tian;    
				}    
				ss= ss%(24*60*60*1000);    
				var xiaoss = parseInt(ss/(60*60*1000));    
				if (xiaoss<10) {    
					xiaoss = '0'+xiaoss;    
				}    
				ss=ss%(60*60*1000);    
				var fen = parseInt(ss/(60*1000));    
				if (fen<10) {    
				fen = '0'+fen;					    
				}    
				ss=ss%(60*1000);    
				var miao = parseInt(ss/(1000));    
				if (miao<10) {    
					miao='0'+miao;    
				}    
				var uu = document.getElementById('uu');    
				var kk = uu.getElementsByTagName('span');    
				kk[0].innerHTML = tian;    
				kk[1].innerHTML = xiaoss;    
				kk[2].innerHTML = fen;    
				kk[3].innerHTML = miao;	
    
				}    
				hs();    
				w=setInterval(hs,1000);    
			}    
		</script>

广告未到期效果图：

广告已到期效果图：

本站声明:网站内容来源于网络,如有侵权,请联系我们https://www.qiquanji.com,我们将及时处理。

微信扫码关注

更新实时通知

开启页面一段时间自动关闭广告的代码

网友评论