Разделитель тысяч в эффекте наматываемого счётчика jquery countTo

almix — 5 апреля 2015 (обновлял 5 апреля 2015 в 23:36)
Комментарии (0) Категории: JavaScript и Ajax | Тэги: jQuery версия для печати

Как разделить тысячи в большом числе, когда к нему применяется эффект плавного наматываения countTo.

Нужно в библиотеку jquery.countTo.js в функции formatter добавить replace с выражением:

function formatter(value, settings) {
                return value.toFixed(settings.decimals).replace(/\B(?=(?:\d{3})+(?!\d))/g, ' ');
        }

или новую функцию ввести для конкретного элемента, выбираемого по id (тут id="earth"):

$('#earth').data('countToOptions', {
        formatter: function (value, options) {
          return value.toFixed(options.decimals).replace(/\B(?=(?:\d{3})+(?!\d))/g, ',');
        }
      });

Html-символ шпации почему-то у меня становится на деле пробелом, поэтому оставляю пробел разделителем. Вообще, не очень красиво, когда большие цифры разделять их пробелом, глазу хочется видеть более узкий символ.

Источник: loco.ru

almix
Разработчик Loco, автор статей по веб-разработке на Yii, CodeIgniter, MODx и прочих инструментах. Создатель Team Sense.

Вы можете почитать все статьи от almix'а.

Другие статьи по этой теме:

Комментарии (0) Подпишитесь на

RSS комментариев к этой статье.

Пн	Вт	Ср	Чт	Пт	Сб	Вс
1	2	3	4	5	6	7
8	9	10	11	12	13	14
15	16	17	18	19	20	21
22	23	24	25	26	27	28
29	30

КОДИНГ

ДИЗАЙН

CMS и CMF

SEO И ПРОДВИЖЕНИЕ

ЖИЗНЬ

СОФТ

RSS-подписка

Рассылка новостей от Loco

Разделитель тысяч в эффекте наматываемого счётчика jquery countTo

Арабские танцы ХАБИБИ

Календарь

Архив статей

Тэги

Последние комментарии