> ## Documentation Index
> Fetch the complete documentation index at: https://docs.americ.io.vn/llms.txt
> Use this file to discover all available pages before exploring further.
export const AnimatedYearCounter = ({startYear = 2016, label = ""}) => {
const currentYear = new Date().getFullYear();
const totalYears = currentYear - startYear;
const [count, setCount] = useState(0);
const [pulse, setPulse] = useState(false);
const [loopPulse, setLoopPulse] = useState(false);
useEffect(() => {
let current = 0;
let interval = 50;
const step = () => {
current += 1;
if (current < totalYears * 0.5) interval = 50; else if (current < totalYears * 0.8) interval = 100; else interval = 200;
if (current < totalYears) {
setCount(current);
setTimeout(step, interval);
} else {
setCount(totalYears);
setPulse(true);
setTimeout(() => setLoopPulse(true), 4 * 300);
}
};
step();
}, [totalYears]);
return
{count} {label}
;
};
My humble gleanings of some programming languages in {} years. Make it yours.