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 -->