JS控制广告展现时间

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

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



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



控制广告时间,在指定时间后显示其余广告。

*打赏支持:支付宝/微信,请熊猫喝瓶肥宅快乐水吧!

声明:本博客除特殊说明外,皆为原创内容,转载请注明来源

标签: javascript

发表评论: