Counter
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam at ullamcorper mauris, vitae imperdiet tortor. Cras aliquet gravida lacus eu auctor
Number Counters
Create Beautiful Number Counters Easily
Clients
With Prefix
With Suffix
<div class = "col-lg-4 wdpk-counter">
<div class = "wdpk-counter-wrapper">
<div class = "wdpk-counter-icon">
<div class = "wdpk-counter-icon-wrapper">
<i class = "far fa fa-star"></i>
</div>
</div>
<div id = "wdpk-counter"></div>
<div class = "wdpk-counter-footnote">Clients</div>
</div>
</div>
<div class = "col-lg-4 wdpk-counter">
<div class = "wdpk-counter-wrapper">
<div class = "wdpk-counter-icon">
<div class = "wdpk-counter-icon-wrapper">
<i class = "fab fa fa-apple"></i>
</div>
</div>
<div id = "wdpk-counter-2"></div>
<div class = "wdpk-counter-footnote">With Prefix</div>
</div>
</div>
<div class = "col-lg-4 wdpk-counter">
<div class = "wdpk-counter-wrapper">
<div class = "wdpk-counter-icon">
<div class = "wdpk-counter-icon-wrapper">
<i class = "far fa fa-paper-plane"></i>
</div>
</div>
<div id = "wdpk-counter-3"></div>
<div class = "wdpk-counter-footnote">With Suffix</div>
</div>
</div>
/* No Changes Made To Default Variables */
jQuery(document).ready(function ()
{
if (jQuery("#wdpk-counter").length !== 0)
{
let obj = {
selectorID: 'wdpk-counter',
startNumber: 0,
EndNumber: 9840,
decimalPlaces: 0,
countDuration: 2.5, // in seconds
useEasing: true,
useGrouping: true,
separator: ',',
decimal: '.',
prefix: '',
suffix: ''
};
let obj2 = {
selectorID: 'wdpk-counter-2',
startNumber: 0,
EndNumber: 8000,
decimalPlaces: 0,
countDuration: 2.5, // in seconds
useEasing: true,
useGrouping: true,
separator: ',',
decimal: '.',
prefix: '$',
suffix: ''
};
let obj3 = {
selectorID: 'wdpk-counter-3',
startNumber: 0,
EndNumber: 6432,
decimalPlaces: 0,
countDuration: 2.5, // in seconds
useEasing: true,
useGrouping: true,
separator: ',',
decimal: '.',
prefix: '',
suffix: '#'
};
require(["app/shortcodes/wdpkCounter"], function (e)
{
e.publicCall(obj);
e.publicCall(obj2);
e.publicCall(obj3);
});
}
});
