Вывести знак % в счетчике через js

Рейтинг: 0Ответов: 2Опубликовано: 24.02.2023

Как можно вывести знак % в счетчике через код?

$('.count').each(function () {
        $(this).prop('Counter',0).animate({
        Counter: $(this).text()
    }, {
        duration: 5000,
        easing: 'swing',
        step: function (now) {
            $(this).text(Math.ceil(now));
        }
    });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<span class="count">200</span>

javascript jquery
Источник: Stack Overflow на русском

Ответы

▲ 2Принят

$('.count').each(function() {
  $(this).prop('Counter', 0).animate({
    Counter: $(this).text()
  }, {
    duration: 5000,
    easing: 'swing',
    step: function(now) {
      $(this).text(Math.ceil(now) + '%');
    }
  });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<span class="count">300</span>

▲ 2

Как можно вывести знак % в счетчике через код?

Предложу такой вариант - JS + CSS.

$('.count').each(function () {
        $(this).prop('Counter',0).animate({
        Counter: $(this).text()
    }, {
        duration: 5000,
        easing: 'swing',
        step: function (now) {
            $(this).text(Math.ceil(now));
        }
    });
}).addClass('on');
.count.on:after {
  content: '%';
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<span class="count">200</span>