Skip to main content
se añadieron 429 caracteres en el cuerpo
Origen Enlace
Lobos
  • 16.4k
  • 3
  • 14
  • 31

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>

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(){

    swal({
        title: "Se terminó el tiempo",
        text: "Desea volver a jugar?",
        icon: "info",
        buttons: true,
        })
        .then((continuar) => {
          if (continuar) {
          reiniciarTemporizador();
      } 
    });

}
<html>
<head>
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
</head>
<body>

<label id="countdown"></label>

</body>
</html>

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(){

   Swal.fire({
            title: "¡Se te acabó el tiempo!",
            icon: "info",
            showCancelButton: true,
            confirmButtonText: 'Jugar de nuevo',
            cancelButtonText: 'cancelar'
        }
    ).then((result) => {
          if (result.value) {
             reiniciarTemporizador();
          }
     })
}
<html>
<head>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@9"></script>
</head>
<body>

<label id="countdown"></label>

</body>
</html>

se añadieron 429 caracteres en el cuerpo
Origen Enlace
Lobos
  • 16.4k
  • 3
  • 14
  • 31

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 = 10;5;
var   tiempoActual = tiempoTotal;
var timeout;


var ele = document.getElementById("countdown");


function tiempo(){

  if(tiempoActual == 0) alert("se{
 acabó el tiempo" 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({
        title: "Se terminó el tiempo",
        text: "Desea volver a jugar?",
        icon: "info",
        buttons: true,
        })
        .then((continuar) => {
          if (continuar) {
          reiniciarTemporizador();
      } 
    });

}
<html>
<head>
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
</head>
<body>

<label id="countdown"></label>
 

<br><br></body>
<input type="button" onclick="reiniciarTemporizador()" value="reiniciar"</>html>

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 = 10;
var   tiempoActual = tiempoTotal;
var timeout;


var ele = document.getElementById("countdown");


function tiempo(){

  if(tiempoActual == 0) alert("se acabó el tiempo");
  else {
    tiempoActual--;
    ele.innerHTML = tiempoActual;
    setTimeout(()=> tiempo(),1000);
  }
}


// iniciar el temporizador cuando carga la página
tiempo();


function reiniciarTemporizador(){
  tiempoActual = tiempoTotal;
  tiempo();
}
<label id="countdown"></label>
 

<br><br>
<input type="button" onclick="reiniciarTemporizador()" value="reiniciar"/>

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(){

    swal({
        title: "Se terminó el tiempo",
        text: "Desea volver a jugar?",
        icon: "info",
        buttons: true,
        })
        .then((continuar) => {
          if (continuar) {
          reiniciarTemporizador();
      } 
    });

}
<html>
<head>
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
</head>
<body>

<label id="countdown"></label>

</body>
</html>

Origen Enlace
Lobos
  • 16.4k
  • 3
  • 14
  • 31

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 = 10;
var   tiempoActual = tiempoTotal;
var timeout;


var ele = document.getElementById("countdown");


function tiempo(){

  if(tiempoActual == 0) alert("se acabó el tiempo");
  else {
    tiempoActual--;
    ele.innerHTML = tiempoActual;
    setTimeout(()=> tiempo(),1000);
  }
}


// iniciar el temporizador cuando carga la página
tiempo();


function reiniciarTemporizador(){
  tiempoActual = tiempoTotal;
  tiempo();
}
<label id="countdown"></label>


<br><br>
<input type="button" onclick="reiniciarTemporizador()" value="reiniciar"/>