2 replies to this topic

[porfi.dev]

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

import { useEffect, useState } from "react";
 
const Timer = () => {
  const [time, setTime] = useState(0);
  const [status, setStatus] = useState('stopped');
 
  const handleStart = () => {
    setStatus('started');
  };
 
  const handleStop = () => {
    setStatus('stopped');
  }
 
  useEffect(() => {
    if(status === 'started') {
      setTime(0);
      setTime((time) => time + 1 );
 
      const interval = setInterval(() => {
        setTime((time) => time + 1 );
      }, 1000);
 
      return () => {
        clearInterval(interval);
      }
    }
  }, [status])
 
  return (<div>
    <div>
      {time}
    </div>
    <br />
    <button onClick={handleStart}>Iniciar</button>
    <button onClick={handleStop}>Detener</button>
  </div>);
};
 
export { Timer };

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

Edited by porfi.dev, 21 February 2023 - 10:57 PM.

[ELKurgan]

Gracias por compartir el código

 

Saludos

[egostar]

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 le meteremos los millisegundos para ser más exactos

 

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

 

Saludos