昨天群里谈到网站广告,网站广告一般期限不会太长 普遍为一个月或者为分成类
今天就教一个控制广告展现时间的代码

第一步,引用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>

JS控制广告展现时间

width="327" height="200" 控制广告图片的大小

JS控制广告展现时间