function easeOutQuad(t) {
return t * (2 - t);
}
function animateCounter(id, target, duration = 3000) {
const counter = document.getElementById(id);
const startTime = performance.now();
function update(currentTime) {
const elapsed = currentTime - startTime;
const progress = Math.min(elapsed / duration, 1);
const easedProgress = easeOutQuad(progress);
const current = Math.floor(easedProgress * target);
counter.innerText = current;
if (progress < 1) {
requestAnimationFrame(update);
} else {
counter.innerText = target + '+';
}
}
requestAnimationFrame(update);
}
let hasAnimated = false;
function isInViewport(el) {
const rect = el.getBoundingClientRect();
return (
rect.top = 0
);
}
window.addEventListener('scroll', function () {
const section = document.getElementById('counter-section');
if (!hasAnimated && isInViewport(section)) {
hasAnimated = true;
animateCounter('counter1', 150);
animateCounter('counter2', 130);
animateCounter('counter3', 25);
animateCounter('counter4', 40);
}
});
