document.addEventListener("DOMContentLoaded", () => { const containers = document.querySelectorAll('.stats-text'); containers.forEach(container => { // حول أي رقم داخل النص إلى span.counter container.innerHTML = container.innerHTML.replace(/\d+/g, function(match) { return `0`; }); const counters = container.querySelectorAll('.counter'); const startCounting = (counter) => { const target = +counter.getAttribute('data-target'); let count = 0; const update = () => { const increment = target / 100; // تحكم بسرعة العد if (count < target) { count += increment; counter.innerText = Math.ceil(count); requestAnimationFrame(update); } else { counter.innerText = target; } }; update(); }; // يستخدم Intersection Observer لتشغيل العد عند ظهور السكشن const observer = new IntersectionObserver(entries => { entries.forEach(entry => { if (entry.isIntersecting) { counters.forEach(counter => startCounting(counter)); observer.unobserve(container); // يشتغل مرة واحدة فقط } }); }, { threshold: 0.5 }); // 50% من السكشن يجب أن يكون ظاهر observer.observe(container); }); });