public/cancel.html · Wolkendama-API

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Error on Payment</title>
  </head>

  <body>
    <div
      style="
        display: flex;
        align-items: center;
        width: 100vw;
        height: 100vh;
        flex-direction: column;
      "
    >
      <h1>
        Oops, something went wrong, please try again later or contact us for any
        issue encountered!
      </h1>
      <p class="countdown"></p>
    </div>
  </body>

  <script>
    const countDown = document.querySelector(".countdown");

    let countDownTimer = 10;
    const countDownInterval = setInterval(() => {
      if (countDownTimer === 0) {
        clearInterval(countDownInterval);
        window.location.replace("https://www.wolkendama.com");
      }

      countDown.textContent = `Redirecting back to wolkendama website in ${countDownTimer} seconds.`;

      countDownTimer--;
    }, 1000);
  </script>
</html>