1

Tengo este código:

tiempo = 60;
function restarTiempo() {
    tiempo--;
    document.getElementById('tiempo').innerHTML = '  Tiempo: ' + tiempo;
    if (tiempo == 0) {
        alert('Perdiste');
        location.href = '';
    }
}
setInterval(restarTiempo, 1000);

Pero quiero que cuando se le de clic a un botón el tiempo se pare. Que debo hacer?

Ya que para los botones tengo este código:

document.getElementById('pau').addEventListener('click', ()=>{
    document.getElementById('pau').classList.add('dnone');
    document.getElementById('rea').classList.remove('dnone');
});


document.getElementById('rea').addEventListener('click', ()=>{
    document.getElementById('rea').classList.add('dnone');
    document.getElementById('pau').classList.remove('dnone');
});

1 respuesta 1

0

Podrias usar esto :

//Creamos un intervalo 
let intervalo;

tiempo = 60;
function restarTiempo() {
    tiempo--;
    document.getElementById('tiempo').innerHTML = '  Tiempo: ' + tiempo;
    if (tiempo == 0) {
        alert('Perdiste');
        location.href = '';
    }
}
//Creamos una funcion para iniciar el temporizador
function startTiempo(){
    intervalo = setInterval(restarTiempo , 1000);
}
//Creamos una para pararlo
function stopTiempo(){
    clearInterval(intervalo);
}

Luego llamamos a la funcion startTiempo() y el temporizador comenzara , cuando lo desees detener simplemente usar stopTiempo() y el temporizador parara. Espero que esto resuelva tu problema.

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.