Zelensky Brings Backup to the White House as Trump Aligns More Closely With Putin
.jpeg)
<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>
Comments
Post a Comment