Tool
import React, { useState, useEffect } from 'react'; function AnimatedNumber() { const [number, setNumber] = useState(1); useEffect(() => { const interval = setInterval(() => { if (number < 2024) { setNumber((prevNumber) => prevNumber + 1); } else { clearInterval(interval); } }, 20); // 设置每次数字增加的时间间隔 return () => clearInterval(interval); // 在组件卸载时清除定时器 }, [number]); return <div>{number}</div>; } export default AnimatedNumber;