<!DOCTYPE html>
<html>
<head>
<title>Kripto Para Faucet Örneği</title>
<style>
.container {
text-align: center;
margin-top: 100px;
}
.my-button {
padding: 10px 20px;
background-color: #4CAF50;
color: white;
border: none;
cursor: pointer;
font-size: 16px;
}
#countdown {
font-size: 24px;
margin-top: 10px;
}
</style>
</head>
<body>
<div class="container">
<button class="my-button" onclick="claim()">Kazan</button>
<p id="countdown"></p>
</div>
<script>
var countdownElement = document.getElementById("countdown");
var claimButton = document.querySelector(".my-button");
var isClaiming = false;
var countdown = 300; // 5 dakika
function claim() {
if (!isClaiming) {
isClaiming = true;
claimButton.disabled = true;
countdownElement.textContent = "5:00";
var timer = setInterval(function() {
countdown--;
var minutes = Math.floor(countdown / 60);
var seconds = countdown % 60;
countdownElement.textContent = minutes.toString().padStart(2, '0') + ":" + seconds.toString().padStart(2, '0');
if (countdown <= 0) {
clearInterval(timer);
claimButton.disabled = false;
countdownElement.textContent = "";
isClaiming = false;
}
}, 1000);
}
}
</script>
</body>
</html>
|