Плохо разбираюсь ещё в js, пытаюсь сделать на сайте простой счетчик,, от 1 до указного числа, использую js(jquery-3.4.1).
<div class="wrapper">
<div class="counter col-fourth">
<h2 class="count">34359999999</h2>
<p class="count-text">Text</p>
</div>
<div class="counter col-fourth">
<h2 class="count">34359999999</h2>
<p class="count-text">Text</p>
</div>
<div class="counter col-fourth end">
<h2 class="count">34359999999</h2>
<p class="count-text">Text</p>
</div>
</div>
.col-fourth {
width: 33,3%;
}
.col-fourth {
position: relative;
display: inline-block;
float: left;
margin-right: 2%;
margin-bottom: 20px;
}
.end {
margin-right: 0 !important;
}
.wrapper {
widows: 980px;
margin: 30px auto;
position: relative;
}
.counter {
background: #fff;
padding: 20px 0px;
border-radius: 5px;
}
.count-text {
font-size: 13px;
font-weight: normal;
margin-top: 10px;
margin-bottom: 0;
text-align: center;
}
$('.count').each(function () {
$(this).prop('Counter',0).animate({
Counter:$(this).text()
},{
duration: 400000000,
easing: 'swing',
step:function(now){
$(this).text(Math.ceil(now))
}
})
})
