Counter

Animate a number from zero (counting up towards it).

How to use

Copy-paste the following <script> near the end of your pages under JS Implementing Plugins to enable it.

        
          <script src="../assets/vendor/appear/dist/appear.min.js"></script>
          <script src="../assets/vendor/hs-counter/dist/hs-counter.min.js"></script>

Copy-paste the init function under JS Plugins Init., before the closing </body> tag, to enable it.

        
          <script>
            (function() {
              // INITIALIZATION OF COUNTER
              // =======================================================
              new HSCounter('.js-counter')
            });
          </script>

Basic example

Comma separated:

Reduced to thousand:

Methods

Parameters Description Default value
isCommaSeparated If true, then substitute a comma after thousandths false
isReduceThousandsTo Postfix after numerical value false