Counters Style 3

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

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

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

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

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

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

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

      $(document).ready(function() {
        $('.odometer').waypoint(function() {
         setTimeout(function() {
            $('#odometer10.odometer').html(272);
          }, 500);
          setTimeout(function() {
            $('#odometer11.odometer').html(84);
          }, 1000);
          setTimeout(function() {
            $('#odometer12.odometer').html(1074);
          }, 1500);
          setTimeout(function() {
            $('#odometer13.odometer').html(321);
          }, 2000);
        }, {
          offset: 800,
          triggerOnce: true
        });
      });

    })(jQuery);
  </script>