js批量倒计时(多个倒计时)

前端之家收集整理的这篇文章主要介绍了js批量倒计时(多个倒计时)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

js批量倒计时(多个倒计时)

1.多个倒计时批量倒计时

//循环需要倒计的列
$(document).ready(function()
{
    $(".flashtime").each(function ()
    {
        var time = parseInt( $(this).find('input').val() );
        countDown( time, $(this) );
    });
});

//maxtime为倒计时的时间 已秒为单位
function countDown( maxtime,index )
{
    var timer = setInterval(function()
    {
        if( maxtime >=0 )
        {
            second = Math.floor( maxtime % 60);       //计算秒
            minite = Math.floor((maxtime / 60) % 60); //计算分
            hour = Math.floor((maxtime / 3600) % 24 ); //计算小时
            day = Math.floor((maxtime / 3600) / 24);
            msg = hour+' : '+minite+' : '+second;
            $(index).find('font').html( msg );
            --maxtime;
        }
        else
        {
            clearInterval( timer );
            $(index).find('font').html( '活动结束' );
        }
    }, 1000);
}

2.单个倒计时

var t =1136000000;//秒数
function showtime(){

    var d = parseInt(t/3600/24);
    if(d<10){
        d="0"+d;
    }
    var h = parseInt((t%(360024))/3600);
    if(h<10){
        h="0"+h;
    }
    var m = parseInt((t%(3600
24))%3600/60);
    if(m<10){
        m="0"+m;
    }
    var s = parseInt((t%(3600*24))%60);
    if(s<10){
        s="0"+s;
    }
    var a=(d=="00")?"":'<span>'+d+' </span>天 ';
    var b=(h=="00")?"":'<span>'+ h+' </span> 时 ';
    var c=(m=="00")?"":'<span>'+m+' </span> 分 ';
    var d=(s=="00")?"":'<span>'+s+' </span> 秒';
    $('.countdown').html(a+b+c+d);
    t = t -1;
}
showtime();
setInterval("showtime()",1000);

猜你在找的jQuery相关文章