- 首页
- 产品中心
- 应用案 lus-sign'; plusSpan.textContent = '+'; element.appendChild(plusSpan); } } // 启动动画 window.requestAnimationFrame(step); } // 页面加载完成后初始化 document.addEventListener('DOMContentLoaded', function() { // 获取所有需要动画的数字元素 const counterElements = document.querySelectorAll('.data-num2'); // 创建IntersectionObserver来监听元素是否进入视口 const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { // 如果元素进入视口 if (entry.isIntersecting) { const element = entry.target; const targetNumber = parseInt(element.getAttribute('data-target')); // 启动数字递增动画 animateNumber(element, 0, targetNumber, 2000); // 动画启动后，停止观察该元素，避免重复触发 observer.unobserve(element); } }); }, { threshold: 0.5, // 当元素50%进入视口时触发 rootMargin: '0px 0px -50px 0px' // 底部提前50px触发 }); // 开始观察每个数字元素 counterElements.forEach(element => { observer.observe(element); }); });