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)