HTML Yapım Aşamasında Bakım Modu Sayfası Yapımı
Aşağıdaki HTML kodlarını kullanarak bir bakım modu sayfası oluşturabilirsiniz:
<!DOCTYPE html>
<html>
<head>
<title>Bakım Modu</title>
<style>
body {
background-color: #212121;
color: white;
text-align: center;
}
.message {
font-size: 2em;
margin-top: 20%%;
}
.timer {
font-size: 3em;
margin-top: 10px;
margin-bottom: 50px;
}
</style>
</head>
<body>
<div class="message">
Bu sayfa şu anda bakım modundadır.
</div>
<div class="timer">
Geri sayım: <span id="countdown">60</span> saniye
</div>
</body>
<script>
// Geri sayımı 60 saniyeye ayarlayın
const countdown = 60;
// Geri sayımı her saniye azaltın ve ekranda güncelleyin
setInterval(function() {
document.getElementById("countdown").innerHTML = --countdown;
if (countdown == 0) {
window.location.reload();
}
}, 1000);
</script>
</html>
Bu kod, bir bakım modu sayfası oluşturacak ve sayfanın yüklenmesinden 60 saniye sonra yeniden yüklenmesini sağlayacaktır. Görüntüyü değiştirmek isterseniz, body ve .message ve .timer sınıflarının style etiketlerinde CSS kullanarak değiştirin.
Bunlara da bakabilirsiniz:
