HTML Dersleri

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:

HTML ile İletişim Formu Oluşturma 

HTML ile Staj Defteri Yapmak

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir