Counters Style 2

Counters Style 2

DEPENDENCIES
---------------------
<link href="css/odometer-theme-default.css" rel="stylesheet">
<script src="js/jquery.min.js"></script>
<script src="js/odometer.min.js"></script>
<script src="js/waypoints.min.js"></script>

HTML CODE
---------------------
<!-- COUNTERS 2 -->
  <section class="numbers home3 numbers5">
    <div class="row">

      <div class="col-sm-3">
      <div class="number">
      <div id="odometer6" class="odometer"></div>
      <div class="numbername">SUPPORT TICKETS</div>
     </div>
     </div>

     <div class="col-sm-3">
      <div class="number">
      <div id="odometer7" class="odometer"></div>
     <div class="numbername">ADVISORS</div>
     </div>
     </div>

     <div class="col-sm-3">
      <div class="number">
       <div id="odometer8" class="odometer"></div>
      <div class="numbername">CONNECTORS</div>
     </div>
     </div>

     <div class="col-sm-3">
      <div class="number">
        <div id="odometer9" class="odometer"></div>
      <div class="numbername">ACTIVE PARTNERS</div>
     </div>
     </div>
    </div>
  </section>
  <!-- END OF COUNTERS 2 -->
  
SCRIPTS HOOK
---------------------  
<script>
    (function($) {
      "use strict";

      window.odometerOptions = {
        format: 'd'
      };

      $(document).ready(function() {
        $('.odometer').waypoint(function() {
          setTimeout(function() {
            $('#odometer6.odometer').html(38);
          }, 500);
          setTimeout(function() {
            $('#odometer7.odometer').html(606);
          }, 1000);
          setTimeout(function() {
            $('#odometer8.odometer').html(24);
          }, 1500);
          setTimeout(function() {
            $('#odometer9.odometer').html(740);
          }, 2000);
        }, {
          offset: 800,
          triggerOnce: true
        });
      });

    })(jQuery);
  </script>