开启页面一段时间自动关闭广告的代码
到指定的时间后自动关闭里面广告，直接上代码
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/post/7735.html
本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。
微信扫码关注
更新实时通知