jquery - 带零的动画计数

Question

我有这个功能来制作一个文本数字计数动画。它以这种模式计数：

[1,2,3,4,5,6,7,8,9,10,11,12,...]

功能：

   var pointnum = 28;   
   function countStuffUp(points,selector,duration) {//Animate count
        $({countNum: $(selector).text()}).animate({countNum: points}, {
            duration: duration,
            easing:'linear',
            step: function() {
                $(selector).text(parseInt(this.countNum) );
            },
            complete: function() {
                    $(selector).text(points)
            }
        });     
    }

    countStuffUp(pointnum,'.pointWrap',1000);

但我想要达到的目的是把它算起来

[01,02,03,04,05,06,07,08,09,10,11,12,...]

我尝试了一些无意义的但我不知道

任何提示提前谢谢

这是小提琴：http: //jsfiddle.net/Q37Q6/

Answer 1

您只需要一个填充功能：

function pad(n) {
    return n < 10 ? '0' + n : n;
}

然后调用：

$(selector).text(pad(Math.floor(this.countNumber)));

注意：不要parseInt用于截断数字 - 严格来说，存在将字符串转换为数字的函数，而不是用于舍入。

见http://jsfiddle.net/alnitak/6BUug/1/

Answer 2

在这里调整小提琴- 只需添加您自己的填充。

function padNum(num) {
    if (num < 10) {
        return "0" + num;   
    }
    return num;
}

// step becomes:
step: function() {
    $(selector).text(padNum(parseInt(this.countNumber)));
},