Ir al contenido


Foto

Tutorial Contado Automático con React.js


  • Por favor identifícate para responder
2 respuestas en este tema

#1 porfi.dev

porfi.dev

    Advanced Member

  • Miembros
  • PipPipPip
  • 183 mensajes
  • LocationMy House @ México

Escrito 21 febrero 2023 - 10:51

Hola a todos, disculpen ustedes, después de cosilla spersonales y la contaminación por redes sociales deje de traerles y crear contenido, pero ando reactivandome así que les dejo este pequeñin.

 

https://porfi.dev/bl...co-con-reactjs/

 

también tiene video:

 

https://www.youtube....h?v=2jJmSrqbBSo

 

y el código si son de los que les gusta copiar, pegar y probar


javascript
  1. import { useEffect, useState } from "react";
  2.  
  3. const Timer = () => {
  4. const [time, setTime] = useState(0);
  5. const [status, setStatus] = useState('stopped');
  6.  
  7. const handleStart = () => {
  8. setStatus('started');
  9. };
  10.  
  11. const handleStop = () => {
  12. setStatus('stopped');
  13. }
  14.  
  15. useEffect(() => {
  16. if(status === 'started') {
  17. setTime(0);
  18. setTime((time) => time + 1 );
  19.  
  20. const interval = setInterval(() => {
  21. setTime((time) => time + 1 );
  22. }, 1000);
  23.  
  24. return () => {
  25. clearInterval(interval);
  26. }
  27. }
  28. }, [status])
  29.  
  30. return (<div>
  31. <div>
  32. {time}
  33. </div>
  34. <br />
  35. <button onClick={handleStart}>Iniciar</button>
  36. <button onClick={handleStop}>Detener</button>
  37. </div>);
  38. };
  39.  
  40. export { Timer };

Un saludo y para el que sigue :D le meteremos los millisegundos para ser más exactos ;)


Editado por porfi.dev, 21 febrero 2023 - 10:57 .

  • 1

#2 ELKurgan

ELKurgan

    Advanced Member

  • Miembro Platino
  • PipPipPip
  • 566 mensajes
  • LocationEspaña

Escrito 21 febrero 2023 - 11:53

Gracias por compartir el código

 

Saludos (y)


  • 0

#3 egostar

egostar

    missing my father, I love my mother.

  • Administrador
  • 14.446 mensajes
  • LocationMéxico

Escrito 22 febrero 2023 - 04:51

Hola a todos, disculpen ustedes, después de cosilla spersonales y la contaminación por redes sociales deje de traerles y crear contenido, pero ando reactivandome así que les dejo este pequeñin.

 

.....

 

Un saludo y para el que sigue :D le meteremos los millisegundos para ser más exactos ;)

 

Excelente amigo porfi.dev, un gusto ver que te reactivas. (y)

 

Saludos


  • 0




IP.Board spam blocked by CleanTalk.