Как сделать вот такие 3 счетчика:
что бы при скроле на этот блок они начинали считать, и за пару секунд отображали готовый результат?
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 our_pride-content">
<div class="counter-number">
<p>
<p class="count-text"></p>
</p>
</div>
<p>ПРАЦЕВЛАШТОВАНІ ЗА ВЕСЬ ПЕРІОД РОБОТИ КОМПАНІЇ</p>
</div>
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 our_pride-content">
<div class="counter-number">
<p>
<p class="count-text"></p>
</p>
</div>
<p>ПРАЦЕВЛАШТОВАНІ ЗА 2018 РІК</p>
</div>
<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 our_pride-content">
<div class="counter-number">
<p>
<p class="count-text"></p>
</p>
</div>
<p>ПРАЦЕВЛАШТОВАНІ В ЦЬОМУ МІСЯЦІ</p>
</div>
<script>
var p = document.querySelectorAll('.count-text');
timer(p[0], 20344, 1);
timer(p[1], 10283, 1);
timer(p[2], 115, 200);
function timer(elem, limit, tick) {
limit = limit || 1000;
tick = tick || 1000;
var i = 0;
var int = setInterval(function() {
elem.innerText = i++;
if (i == limit) {
clearInterval(int);
}
}, tick);
}
</script>
</div>
</div>
