/Javascript/jQuery/How to run the counter when we reach at a specific section in jquery

How to run the counter when we reach at a specific section in jquery

$(function () {
    function isScrolledIntoView($elem) {
        var docViewTop = $(window).scrollTop();
        var docViewBottom = docViewTop + $(window).height();
        var elemTop = $elem.offset().top;
        var elemBottom = elemTop + $elem.height();
        return ((elemBottom <= docViewBottom) && (elemTop >= docViewTop));
    }

    function count($this) {
        var current = parseInt($this.html(), 10);
        if (isScrolledIntoView($this) && !$this.data("isCounting") && current < $this.data('count')) {
            $this.html(++current);
            $this.data("isCounting", true);
            setTimeout(function () {
                $this.data("isCounting", false);
                count($this);
            }, 50);
        }
    }

    $(".c-section4").each(function () {
        $(this).data('count', parseInt($(this).html(), 10));
        $(this).html('0');
        $(this).data("isCounting", false);
    });

    function startCount() {
        $(".c-section4").each(function () {
            count($(this));
        });
    };

    $(window).scroll(function () {
        startCount();
    });

    startCount();
});
.tallDiv 
{
   height: 800px;
   background-color: silver;
}
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>

<div class="section4">
  <div class="section4-bg"></div>
  <div class="tallDiv">Scroll down to test</div>
  <div class="counter-section">
    <span class="c-section4">152 </span>
    <h3> کارکنان ما </h3>
  </div>
  <div class="counter-section">
    <span class="c-section4">152 </span>
    <h3> کارکنان ما </h3>
  </div>
  <div class="counter-section">
    <span class="c-section4">152 </span>
    <h3> کارکنان ما </h3>
  </div>
  <div class="tallDiv"></div>
</div>

Source: stackoverflow.com

Similar codes

0 vote360 views1 answer
Jquery set max attribute value
Javascript jQuery
1 vote316 views2 answers
How to get name array value checked in jquery
Javascript jQuery
0 vote253 views1 answer
Slider is not a function jquery
Javascript jQuery
0 vote328 views1 answer
Jquery run code after 5 seconds
Javascript jQuery
1 vote317 views1 answer
Reset div jquery
Javascript jQuery
0 vote323 views1 answer
Jquery insert after next element
Javascript jQuery
77 votes317 views6 answers
Jquery minified cdn
Javascript jQuery
23 votes284 views3 answers
Jquery remove required attribute
Javascript jQuery
61 votes288 views2 answers
Jquery redirect to url
Javascript jQuery
0 vote300 views1 answer
Change the input feild name when the div contaoining that field is cloned using jquery
Javascript jQuery