Agrego un código que implementa la lógica: se detiene cuando el tiempo termina y se reinicia al presionar un botón: <!-- begin snippet: js hide: false console: true babel: false --> <!-- language: lang-js --> const tiempoTotal = 5; var tiempoActual = tiempoTotal; var timeout; var ele = document.getElementById("countdown"); function tiempo(){ if(tiempoActual == 0) { mostrarDialogo(); } else { tiempoActual--; ele.innerHTML = tiempoActual; setTimeout(()=> tiempo(),1000); } } // iniciar el temporizador cuando carga la página tiempo(); function reiniciarTemporizador(){ tiempoActual = tiempoTotal; tiempo(); } function mostrarDialogo(){ Swal.fire({ title: "¡Se te acabó el tiempo!", icon: "info", showCancelButton: true, confirmButtonText: 'Jugar de nuevo', cancelButtonText: 'cancelar' } ).then((result) => { if (result.value) { reiniciarTemporizador(); } }) } <!-- language: lang-html --> <html> <head> <script src="https://cdn.jsdelivr.net/npm/sweetalert2@9"></script> </head> <body> <label id="countdown"></label> </body> </html> <!-- end snippet -->