2015-05-27 51 views
-4

我使用animateNumber插件动画从零值。但是,我无法获得百万以点或逗号格式化的内容。这就是说,我需要一个分离器/空格键为我的数字,但控制台显示我的消息“意外号”的错误,如果我添加2.158.201或2 158 201什么是得到它的最佳方式?jquery.animateNumber出数以百万计

这里是我的代码:

function counterFace(){ 
    var decimal_places = 0; 
    var decimal_factor = decimal_places === 0 ? 1 : decimal_places * 10; 
    $('#target-face').animateNumber(
    { 
     number: 2158201 * decimal_factor, /* Here I receive an error if I add 2.158.201 or 2 158 201 */ 

     numberStep: function(now, tween) { 
     var floored_number = Math.floor(now)/decimal_factor, 
      target = $(tween.elem); 
     if (decimal_places > 0) { 
      floored_number = floored_number.toFixed(decimal_places); 
     } 

     target.text(floored_number); 
     } 
    }, 
    2000 
) 
} 

在此先感谢。

+0

这个问题还不清楚。请澄清“这就是说,我需要一个分隔符/空格键来表示我的身材”,然后尝试告诉你需要什么。 – PierreOcinom

+0

@PierreOcinom在“数字”线I只能加2158201.如果我添加2.158.201或2 158 201,收到“意外号”错误。 – Antonio

回答

1

我还是不明白你正在尝试做的,但是这是你如何定义你的电话号码分隔符:

//you can define the separator here 
var spaceSeparator = $.animateNumber.numberStepFactories.separator(' ') 

$('#target-face').animateNumber(
    { 
    number: 2158201, 
    numberStep: spaceSeparator 
    } 
); 

只要把你想要的('')之间使用的分隔符。

我强烈建议你到你想要的东西加工而成的方法本身分开输入到animateNumer()。所以:

  1. 做你需要输入(function(now, tween)2158201 * decimal_factor)的东西,它的变量赋值。
  2. 使用这个变量在animateNumbers()
+0

非常感谢。我不知道在哪里添加该代码,但是您的意见是正确的。 – Antonio