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