gsap-数字滚动

110 阅读1分钟

// 获取所有数字元素
			const numbers = document.querySelectorAll('.number');
			
			// 目标数值数组
			const targetValues = [100, 200, 300, 400];
			
			// 为每个数字创建动画
			numbers.forEach((number, index) => {
				gsap.to(number, {
					innerHTML: targetValues[index],
					duration: 2,
					ease: 'power1.inOut',
					snap: { innerHTML: 1 },
					onUpdate: function() {
						number.textContent = Math.round(this.targets()[0].innerHTML);
					}
				});
			});