Java Script ile Kodu Bir Süre Bekletme

Bazı durumlarda projenizde bir sonraki adım için sistemin belirli bir süre bekletmeniz gerekebilir. Bu durumda setTimeout() methodu kullanılır. Bu kod sayesinde projeniz bir sonra ki kod geçmeden önce belirlediğiniz süre boyunca bekler.

setTimeout(Bir sonra çalışmasını istediğiniz method, zaman);

*Zaman salise cinsinden verilir 1000 = 1 Saniye.

Örnek Label Renk Değiştirme

Bu proje de iki tane method oluşturucağım birinci methodumuz açılşta labelin rengini kırmızı yapacak içerisine fatih alkan yazacak daha sonra setTimeout ile 1 saniye sonra ikinci methoduma geçişi sağlayacak. İkinci methodum ise rengini mavi yaparak yine setTimeout ile 1 saniye sonra birinci methoduma geri döndürecek böylece sürekli yanıp sönen bir labela erişmiş olacağım.

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Label Renk Değiştir</title>
</head>
<body onload="MethodStart()">

<label id="lbl_Test"></label>

<script>
   function MethodStart() {
      document.getElementById('lbl_Test').innerHTML = "Fatih Alkan";
      document.getElementById('lbl_Test').style.backgroundColor = "Red";
      document.getElementById('lbl_Test').style.color = "White";
      document.getElementById('lbl_Test').style.padding = "10px 10px 10px 10px";

      setTimeout(MethodFinish, 1000);

   }
   function MethodFinish() {
      document.getElementById('lbl_Test').style.backgroundColor = "Blue";

      setTimeout(MethodStart, 1000);
   }
</script>

</body>
</html>

Bir Cevap Yazın