0

На сайте wordpress вывожу динамическое число через шорткод в wp-editor, так:

[lifetime]

Нужно сделать анимированное увеличение числа. Максимальное значение числа не известно, т.к. число динамическое.

Как добавить такую анимацию увеличения числа на сайте wordpress?

UPD

Суть проблемы как передать переменную $lifetime которая используется в functions.php, и вызывается через шорткод [lifetime] в админке wordpress.

7
  • 1
    А в чем проблема? Что не получается? Если не получается передать число, то можно так - jsfiddle.net/uvzx0aLg/47 21 авг 2017 в 5:12
  • @ArtemGorlachev возможно не так поняла, сделала так jsfiddle.net/uvzx0aLg/48 выводит NaN. суть проблемы как передать переменную $lifetime которая используется в functions.php. шорткод [lifetime] указан прямо в верстке в админке
    – siberian
    21 авг 2017 в 6:22
  • на jsfiddle же не подставится lifetime, в вордпрессе должен работать и внутри h3 замените lifetime на число для старта отсчета 21 авг 2017 в 6:27
  • @ArtemGorlachev спасибо за помощь, но у меня почему-то не срабатывает, добавила число jsfiddle.net/uvzx0aLg/49. сначала выводит 5 а потом NaN...
    – siberian
    21 авг 2017 в 6:32
  • на jsfiddle же не подставится lifetime, в вордпрессе должен работать 21 авг 2017 в 6:33

1 ответ 1

2
var currentNumber = $('.js-number-lifetime').text(),
  targetNumber = $('.js-number-lifetime').attr('data-target');
$({
  numberValue: currentNumber
}).animate({
  numberValue: targetNumber
}, {
  duration: 1000,
  easing: 'linear',
  step: function() {
    $('.js-number-lifetime').text(Math.ceil(this.numberValue));
  }
});

Ваш ответ

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

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