实现div轮播 并倒计时显示

来源:互联网 发布:免费的高分辨率数据 编辑:程序博客网 时间:2024/05/16 17:03
<script>
$(function(){
    var sum = $("#activity_ad > div").length;
    $('#activity_ad div:lt('+ sum + ')').hide().eq(0).show();
    var i=0,divarr = $('#activity_ad div:lt('+ sum + ')'),tempArray = new Array();
    for(i;i<divarr.length;i++){
        //var div = $('#activity_ad div:lt('+ sum + ')').eq(i);
        var div = $('#activity_ad div:lt('+ sum + ')').eq(i);
        var begintime = div.attr('begintime');
        var endtime = div.attr('endtime');
        //倒计时用到
        if((new Date()).getTime()>(new Date(begintime)).getTime() && (new Date()).getTime()<(new Date(endtime)).getTime()){
            tempArray.push(div);
        }
    }
    i=0,t=tempArray.length;

    var tmp = setInterval(function () {
        $('#activity_ad div:lt('+ sum + ')').hide();
        i++;
        if(i>t-1){i=0}
        tempArray[i].fadeIn('slow');
    }, 5000);
        
 });

 </script>


<div  id="activity_ad">

<div begintime="9/1/2012 0:00:0" endtime="9/30/2012 0:00:0">哈哈1</a>

<div begintime="9/1/2012 0:00:0" endtime="9/30/2012 0:00:0">哈哈2</a>

<div begintime="9/1/2012 0:00:0" endtime="9/30/2012 0:00:0">哈哈3</a>

</div>



原创粉丝点击