jQuery(document).ready(function($) { function animateCounter($counter) { var endValue = parseInt($counter.attr('data-value')); var current = 0; var duration = 2000; // 2 seconds var increment = endValue / (duration / 16); function update() { current += increment; if (current < endValue) { $counter.text(Math.ceil(current)); requestAnimationFrame(update); } else { $counter.text(endValue); } } update(); } var observer = new IntersectionObserver(function(entries){ entries.forEach(function(entry){ if(entry.isIntersecting){ var $counter = $(entry.target); animateCounter($counter); } }); }, { threshold: 0.5 }); $('.repeat-counter .et_pb_counter_amount').each(function(){ observer.observe(this); }); // Reset when out of view $(window).on('scroll', function(){ $('.repeat-counter .et_pb_counter_amount').each(function(){ var rect = this.getBoundingClientRect(); if(rect.bottom < 0 || rect.top > window.innerHeight){ $(this).text(0); } }); }); });