Necesito escribir un programa como este: el contador se ejecuta en segundo plano contando de 0 a 100 000, luego sigue volviendo a 0 y contando... Hay un botón que manejará el evento: en cada botón, haga clic en el valor de el contador en ese momento se mostrará en la pantalla. Planeé usar setInterval pero mi programa requiere una velocidad muy alta (cuenta hasta 100000 en 1s). ¿Alguien tiene alguna solución?
Si necesita algo con una frecuencia tan alta, solo mire la hora del sistema y la hora en que comienza a contar, á la
const counterPosition = ((+new Date() - startTime) * 100000) % 100000; Aquí hay un ejemplo: una frecuencia de 100,000 puede resultar difícil debido a la inexactitud de new Date() ...
// TODO: this useRequestAnimationFrame implementation could be buggy; // it is here only to have CounterApp get updated "as fast as it can". function useRequestAnimationFrame() { const [num, setNum] = React.useState(0); const keepUpdatingRef = React.useRef(true); React.useEffect(() => { const requestNext = () => { if(keepUpdatingRef.current) requestAnimationFrame(update); }; const update = () => { setNum(n => n+1); requestNext(); }; requestNext(); return () => keepUpdatingRef.current = false; }, []); return num; } function CounterApp({frequency}) { const frame = useRequestAnimationFrame(); const [startTime] = React.useState(() => +new Date()); const elapsed = (+new Date() - startTime) / 1000.0; const counter = Math.floor((elapsed * frequency) % frequency); return <div>{counter}</div>; } ReactDOM.render(<CounterApp frequency={100} />, document.getElementById("root")); <script src="https://cdnjs.cloudflare.com/ajax/libs/react/17.0.0/umd/react.production.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/17.0.0/umd/react-dom.production.min.js"></script> <div id="root"></div>