CODE:-
<html>
<head>
<style>
body {
font-family: Arial, sans-serif;
background-color: #2E8B57; /* Set the background color to a dark green */
text-align: center;
color: white;
padding: 20px;
}
#countdown {
font-size: 24px;
margin-top: 100px;
}
#verification {
display: none;
margin-top: 20px;
}
#verification label {
font-size: 18px;
}
#verification button {
background-color: #4CAF50; /* Set the button color to a lighter green */
color: white;
font-size: 18px;
padding: 10px 20px;
border: none;
cursor: pointer;
}
#verification button:hover {
background-color: #45a049;
}
</style>
<script>
var countdown = 5; // Set the countdown time in seconds
function startCountdown() {
if (countdown > 0) {
document.getElementById("countdown").innerHTML = countdown + " seconds remaining";
countdown--;
setTimeout(startCountdown, 1000); // Update the countdown every second
} else {
document.getElementById("countdown").style.display = "none"; // Hide the countdown
document.getElementById("verification").style.display = "block"; // Show the verification checkbox and button
}
}
function openNewPage() {
// Replace the URL below with the desired URL to open in a new tab
var newPageURL = "https://joathath.com/4/6936097";
window.open(newPageURL, "_blank");
}
</script>
</head>
<body>
<div id="countdown">
<script>startCountdown();</script>
</div>
<div id="verification">
<label for="verificationCheckbox">I am not a robot</label>
<input type="checkbox" id="verificationCheckbox">
<br>
<button onclick="openNewPage()">Human Verification</button>
</div>
</body>
</html>