天天看點

實作div輪播 并倒計時顯示

<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>

繼續閱讀