Inwestycje

(function() { function krupaAnimate(el, target, decimals) { const duration = 2000; // Czas trwania animacji w ms const startTime = performance.now(); const startVal = 0; function updateNumber(now) { const elapsed = now - startTime; const progress = Math.min(elapsed / duration, 1); // Gwarancja max 1 (100%) // Funkcja płynnego spowolnienia (easeOutQuad) dla ładniejszego efektu const easeProgress = progress * (2 - progress); const currentVal = startVal + (target - startVal) * easeProgress; el.innerText = currentVal.toLocaleString('pl-PL', { minimumFractionDigits: decimals, maximumFractionDigits: decimals }); if (progress { entries.forEach(entry => { if (entry.isIntersecting) { const bars = container.querySelectorAll('.krupa-stat-bar'); const nums = container.querySelectorAll('.krupa-stat-number'); bars.forEach(bar => { const val = parseFloat(bar.getAttribute('data-val')); const circ = 2 * Math.PI * 42; const deg = (val / 100) * 360; bar.parentElement.style.transform = 'rotate(' + (-90 - (deg / 2)) + 'deg)'; bar.style.strokeDashoffset = circ - (val / 100) * circ; }); nums.forEach(n => { krupaAnimate(n, parseFloat(n.getAttribute('data-count')), parseInt(n.getAttribute('data-decimal')) || 0); }); // Odpinamy obserwator natychmiast po wykonaniu, aby animacja nie odpalała się ponownie observer.unobserve(container); } }); }, { threshold: 0.2 }); observer.observe(container); } // Bezpieczne inicjowanie po załadowaniu struktury DOM if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', initKrupaSection); } else { initKrupaSection(); } })();