Saltar al contenido

ejemplo de código de reloj react-countdown

Estate atento porque en este escrito encontrarás la solución que buscas.Esta noticia ha sido aprobado por nuestros especialistas para garantizar la calidad y exactitud de nuestro post.

Ejemplo 1: cuenta atrás en react js

importReactfrom'react'import useState, useEffect from'react';constTimer=(props:any)=>constinitialMinute =0,initialSeconds =0= props;const[ minutes, setMinutes ]=useState(initialMinute);const[seconds, setSeconds ]=useState(initialSeconds);useEffect(()=>let myInterval =setInterval(()=>if(seconds >0)setSeconds(seconds -1);if(seconds ===0)if(minutes ===0)clearInterval(myInterval)elsesetMinutes(minutes -1);setSeconds(59);,1000)return()=>clearInterval(myInterval);;);return(<div> minutes ===0&& seconds ===0?null:<h1>minutes:seconds <10?`0$seconds`: seconds</h1></div>)exportdefaultTimer;

Ejemplo 2: el temporizador de cuenta regresiva en segundos reacciona

functionApp()const[seconds, setSeconds]=React.useState(10);React.useEffect(()=>if(seconds >0)setTimeout(()=>setSeconds(seconds -1),1000);elsesetSeconds('BOOOOM!'););return(<div className="App"><div>seconds</div></div>);

Aquí puedes ver las reseñas y valoraciones de los lectores

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *