Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

Haga lo que hicimos en aula: comenzando y pausando el temporizador

const botonIniciarPausar = document.querySelector("#start-pause");
const sonidoPlay = new Audio(`./sonidos/play.wav`);
const sonidoPause = new Audio(`./sonidos/pause.mp3`);
const sonidoFin = new Audio(`./sonidos/beep.mp3`);

let tiempoTranscurridoEnSegundos = 5;
let idIntervalo = null;
let temporizadorCorriendo = false;

const cuentaRegresiva = () => {
    if(tiempoTranscurridoEnSegundos <= 0){
        reiniciar()
        sonidoFin.play()
        return
    }

    tiempoTranscurridoEnSegundos -= 1
    console.log("Temporizador:" + tiempoTranscurridoEnSegundos)
}

botonIniciarPausar.addEventListener("click", iniciarPausar)


function iniciarPausar(){
    if (!temporizadorCorriendo) {
        temporizadorCorriendo = true;
        sonidoPlay.play(); 
        idIntervalo = setInterval(cuentaRegresiva, 1000);
    } else {
        reiniciar();
    }
}

function reiniciar(){
    clearInterval(idIntervalo)
    idIntervalo = null
    temporizadorCorriendo = false;
    sonidoPause.play()
}
1 respuesta

Hola Silvia! ¿Cómo estás?

Gracias por compartir tu código con nosotros. Sigue así y no dudes en volver al foro si tienes alguna pregunta o dificultad. ¡Gracias nuevamente! Saludos,

Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios!