JQuery倒计时和按照指定长度为数字前面补零-创新互联

JQuery按照指定长度为数字前面补零

创新互联公司10多年成都定制网站服务;为您提供网站建设,网站制作,网页设计及高端网站定制服务,成都定制网站及推广,对成都白乌鱼等多个方面拥有多年的网站设计经验的网站建设公司。

function PrefixInteger(num, length) {
    return (Array(length).join('0') + num).slice(-length);
}

PrefixInteger(8,2); 返回08，表示长度为2，数字8前面补一个0。

JQuery倒计时

var rest = 4350859;  //时间戳

console.log(rest);

$day = Math.floor(rest/(60*60*24));

console.log($day);

$hour = Math.floor((rest - $day * (60*60*24))/(60*60));

console.log($hour);

$minite = Math.floor((rest - $day * (60*60*24) - $hour * (60*60))/60);

console.log($minite);

$second = Math.floor(rest - $day * (60*60*24) - $hour * (60*60) - $minite * 60);

console.log($second);

$day = PrefixInteger($day,2);
$hour = PrefixInteger($hour,2);
$minite = PrefixInteger($minite,2);
$second = PrefixInteger($second,2);

$("#my_day").html($day);
$("#my_hour").html($hour);
$("#my_minite").html($minite);
$("#my_second").html($second);

window.setInterval(function(){

     rest--;

    console.log(rest);

    $day = Math.floor(rest/(60*60*24));

    console.log($day);

    $hour = Math.floor((rest - $day * (60*60*24))/(60*60));

    console.log($hour);

    $minite = Math.floor((rest - $day * (60*60*24) - $hour * (60*60))/60);

    console.log($minite);

    $second = Math.floor(rest - $day * (60*60*24) - $hour * (60*60) - $minite * 60);

    console.log($second);

    $day = PrefixInteger($day,2);
    $hour = PrefixInteger($hour,2);
    $minite = PrefixInteger($minite,2);
    $second = PrefixInteger($second,2);

    $("#my_day").html($day);
    $("#my_hour").html($hour);
    $("#my_minite").html($minite);
    $("#my_second").html($second);
},1000);

html代码：

    
 00
        天

    
    .
    
 00
        时

    
    :
    
 00
        分

    
    :
    
 00
        秒

    

这样倒计时功能就完成了，这里css样式就需要大家自己去写了！！！

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

分享标题：JQuery倒计时和按照指定长度为数字前面补零-创新互联
当前地址：http://mswzjz.cn/article/eihcd.html