带零的动画计数答案

【问题标题】：animated count with zeros带零的动画计数
【发布时间】：2013-09-08 22:26:30
【问题描述】：

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

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

【问题讨论】：

标签： jquery math jquery-animate numbers

【解决方案1】：

你只需要一个填充函数：

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

然后调用它：

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

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

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

【讨论】：

【解决方案2】：

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

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

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

【讨论】：