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

微信扫码关注
更新实时通知