Test

  Timer Section Start -->

<div id="timer-wrapper" style="max-width: 480px; margin: 60px auto; padding: 40px; background: linear-gradient(135deg, #ffffff, #f9f9f9); border-radius: 16px; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1); text-align: center; font-family: 'Segoe UI', sans-serif;">

  <h2 style="color: #333; font-size: 24px; margin-bottom: 10px;">Please Wait</h2>

  <p style="color: #777; font-size: 18px;">https://tity.fun/F6KD2 <span id="timer-count" style="color: #ff5722; font-weight: bold;">15</span> seconds</p>

  <div id="progress-bar" style="margin: 30px 0; height: 10px; background: #ddd; border-radius: 5px; overflow: hidden;">

    <div id="bar-fill" style="height: 100%; width: 0%; background: #4CAF50; transition: width 1s linear;"></div>

  </div>

  <button id="next-button" style="display: none; padding: 14px 28px; background: #4CAF50; color: #fff; font-size: 16px; border: none; border-radius: 8px; cursor: pointer; transition: background 0.3s ease;">

    Go to Next Page

  </button>

</div>

<!-- ✅ Timer Section End -->

<script>

  let timeLeft = 15;

  const timerDisplay = document.getElementById("timer-count");

  const nextButton = document.getElementById("next-button");

  const progressBar = document.getElementById("bar-fill");

  const interval = setInterval(() => {

    timeLeft--;

    timerDisplay.textContent = timeLeft;

    // progress bar fill update

    progressBar.style.width = ((15 - timeLeft) / 15) * 100 + "%";

    if (timeLeft <= 0) {

      clearInterval(interval);

      timerDisplay.textContent = "0";

      nextButton.style.display = "inline-block";

      progressBar.style.width = "100%";

    }

  }, 1000);

  // 👉 এখানে লিংক পরিবর্তন করো

  nextButton.addEventListener("click", function () {

    window.location.href = "https://your-link.com";

  });

</script>