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

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

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

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

动画计数用零

2 个答案: