昨天群里谈到网站广告,网站广告一般期限不会太长 普遍为一个月或者为分成类
今天就教一个控制广告展现时间的代码
第一步,引用Jquery
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
(将jquery由2.0.0降为1.9.1,可解决不支持ie678)
第二步,引用JavaScript
<script>
$(document).ready(function(){
$('#slide > a').each(function(){
var now = new Date().getTime();
var time_start = new Date($(this).attr('s_time')).getTime();
var time_end = new Date($(this).attr('e_time')).getTime();
var time_1 = now - time_start;
var time_2 = time_end - now;
var img = $(this).find('img');
if (time_1 > 0 && time_2 > 0){
img.attr('src',img.attr('d_src'));
$(this).show();
} else {
$(this).hide();
}
});
});
</script>
第三步,在合适的地方加入广告代码
<div id="slide">
<a href="#" s_time="2018/08/04 06:00:00" e_time="2018/08/04 07:55:00" style="display:none;"><img src="#" width="327" height="200" alert="显示中" /></a>
<a href="#" s_time="2018/08/04 07:55:00" e_time="2018/08/04 08:00:00" style="display:none;"><img src="#" width="327" height="200" alert="未到期" /></a>
<a href="#" s_time="2018/08/04 08:00:00" e_time="2018/08/04 08:10:00" style="display:none;"><img src="#" alert="已过期" /></a>
</div>