2015-05-27 2 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 В строке «number» я могу добавить только 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

Смежные вопросы