1. Home
  2. Docs
  3. Airspace
  4. Counter

Counter

We have used counter in this template using jQuery plugin named counterup

1. Basic Block we have designed
[code language=”html”]
<div class="block">
<i class="ion-ios-chatboxes-outline"></i>
<h4 class="counter">20000</h4>
<span>Cups Of Coffee</span>
</div>
[/code]
Change the value of h4 as you want.

2. jQuery code for counter up
[code language=”javascript”]
$(‘.counter’).counterUp({
delay: 10,
time: 1000
});
[/code]
you can customize the settings of counterUp (make sure you have read the documentation from here)

Was this article helpful to you? Yes No

How can we help?