Agrego un código que implementa la lógica: se detiene cuando el tiempo termina y se reinicia al presionar un botón:
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(){
swalSwal.fire({
title: "Se"¡Se terminóte acabó el tiempo"tiempo!",
text: "Desea volver a jugar?"icon: "info",
icon showCancelButton: "info"true,
buttons confirmButtonText: true'Jugar de nuevo',
}) cancelButtonText: 'cancelar'
}
).then((continuarresult) => {
if (continuarresult.value) {
reiniciarTemporizador();
} }
});
}
<html>
<head>
<script src="https://unpkgcdn.com/sweetalertjsdelivr.net/distnpm/sweetalert.min.js"><sweetalert2@9"></script>
</head>
<body>
<label id="countdown"></label>
</body>
</html>