Counters Style 1

Counters Style 1

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 1 -->
  <section class="numbers home3 numbers4">
    <div class="row">

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

     <div class="col-sm-15">
      <div class="number">
      <div id="odometer2" class="odometer"></div>
     <div class="numbername">ADVISORS</div>
     </div>
     </div>

     <div class="col-sm-15">
      <div class="number">
       <div id="odometer3" class="odometer"></div>
      <div class="numbername">CONNECTORS</div>
     </div>
     </div>

     <div class="col-sm-15">
      <div class="number">
        <div id="odometer4" class="odometer"></div>
      <div class="numbername">ACTIVE PARTNERS</div>
     </div>
     </div>

     <div class="col-sm-15">
      <div class="number">
       <div id="odometer5" class="odometer"></div>
     <div class="numbername">GROWING COMPANIES</div>
     </div>
     </div>
    </div>

    <div class="spacing-45"></div>
<h5>COUNTERS2</h5>

  </section>
  <!-- END OF COUNTERS 1 -->
  
SCRIPTS HOOK
---------------------  
<script>
    (function($) {
      "use strict";

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

      $(document).ready(function() {
        $('.odometer').waypoint(function() {
          setTimeout(function() {
            $('#odometer1.odometer').html(38);
          }, 500);
          setTimeout(function() {
            $('#odometer2.odometer').html(606);
          }, 1000);
          setTimeout(function() {
            $('#odometer3.odometer').html(24);
          }, 1500);
          setTimeout(function() {
            $('#odometer4.odometer').html(308);
          }, 2000);
          setTimeout(function() {
            $('#odometer5.odometer').html(740);
          }, 2500);
        }, {
          offset: 800,
          triggerOnce: true
        });
      });

    })(jQuery);
  </script>