网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

JQuery倒计时和按照指定长度为数字前面补零

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

我们提供的服务有:网站设计制作、网站设计、微信公众号开发、网站优化、网站认证、黄石ssl等。为上1000家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务,是有科学管理、有技术的黄石网站制作公司

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样式就需要大家自己去写了!!!JQuery倒计时和按照指定长度为数字前面补零JQuery倒计时和按照指定长度为数字前面补零


    网站标题:JQuery倒计时和按照指定长度为数字前面补零
    网页路径:http://bjjierui.cn/article/jcehop.html

    其他资讯