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);
        });
    }
});