3

Есть ли в jquery, или написанная на стандартном js функция проигрывания увеличение числа? Например:

Увеличение значения от 1% до 80%, быстро проиграв все значения промежуточные значения (2,3,4...)?

3
  • 2
    Это как - "в jquery ... на стандартном js"? Я думаю, что там всё написано "на стандартном js". Но это пол беды, а что значит "проигрывания увеличение числа" или, тем более, "анимация увеличение числа"? Вам нужено что-то [вроде счетчика][1]? [1]:jsfiddle.net/Deonis/6wpXy
    – Deonis
    10 дек 2013 в 18:19
  • 2
    зачем таймер то глобальным(а не глобальным, но непонятно зачем его объявлять null) сделали ? надо end = 80, вместо end = 80; jsfiddle.net/oceog/6wpXy/2
    – zb'
    10 дек 2013 в 18:25
  • t.me/feenproject/16 Можешь глянуть здесь, как вариант
    – andylay
    30 янв 2019 в 7:32

1 ответ 1

10

http://jsfiddle.net/8Sdpy/ — только ради спортивного интереса

jQuery(function ($)
    // Добавляем hook "number"
    $.Tween.propHooks.number = {
        get: function ( tween ){
            var num = tween.elem.innerHTML.replace(/^[^\d-]+/, '');
            return  parseFloat(num) || 0;
        },

        set: function( tween ) {
            var opts = tween.options;
            tween.elem.innerHTML = (opts.prefix || '')
              + tween.now.toFixed(opts.fixed || 0)
              + (opts.postfix || '');
          }
    };

    // Используем
    $('#target')
       .html('1%')
       .animate({ number: 80 }, { duration: 'slow', postfix: '%', fixed: 2 });
});

Или совсем просто — http://jsfiddle.net/QGY28/

$('#num').animate({ num: 90 - 3/* - начало */ }, {
    duration: 5000,
    step: function (num){
        this.innerHTML = (num + 3).toFixed(2) + '%'
    }
});
1
  • при этом разделитель между числами "." а как изменить его на запятую?
    – engenes
    6 июл 2017 в 5:40

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.