JavaScript setTimeout

JavaScript ile zamanlayıcı olarak kullanılan setTimeout fonksiyonu nedir ve kullanımı ile ilgili bilgiler örnek kodlarla yer alıyor.

Kullanımı kolay ve önemli bir JavaScript fonksiyonu olan setTimeout() bir işlemin-fonksiyonun belli bir süre sonunda çalışmasını sağlar.

setTimeout kullanımı

Örnek kullanımda fonksiyonAdi parametresine çalışmasını istediğimiz fonksiyonu, msSure parametresine ise fonksiyonun ne kadar süre sonra çalışacağı milisaniye olarak belirtiyoruz.

setTimeout(fonksiyonAdi, msSure);

1 saniye = 1000ms’dir.

<script>
  function merhaba(){
    alert("Merhaba JavaScript");
  }

  setTimeout(merhaba, 1000);
</script>

Parantez ile kullanım;

setTimeout("fonksiyonAdi()", msSure);

Parantez ile kullanımda tırnak eklememiz gerekiyor.

<script>
  function merhaba(){
    alert("Merhaba JavaScript");
  }

  setTimeout("merhaba()", 1000);
</script>

Ancak bu kullanımı pek tavsiye etmiyorum.

Anonim fonksiyon kullanımı;

setTimeout(function(){
  // yapılacak işlemler.
}, msSure);

Bu kullanım en çok kullanılan ve çoğu tarayıcıda sorunsuz çalışan bir kullanımdır.

<script>
  setTimeout(function() {
    alert("Merhaba JavaScript");
  }, 1000);
</script>

Parametre ile kullanım;

setTimeout(fonksiyonAdi, msSure, parametre1, parametre2, parametreN);

Parametreli kullanım bazı tarayıcılarda düzgün çalışmamaktadır.

<script>
  function merhaba(isim, mesaj){
    alert("Merhaba " + isim);
    alert(mesaj);
  }

  setTimeout(merhaba, 1000, "Yusuf SEZER", "yusufsezer.com.tr");
</script>

Anonim parametreli kullanım;

setTimeout(function(){
  fonksiyonAdi(parametre1, parametre2, parametreN);
}, msSure);

Parametreli kullanım bazı tarayıcılarda düzgün çalışmadığından anonim parametreli kullanım daha yaygındır.

<script>
  function merhaba(isim, mesaj){
    alert("Merhaba " + isim);
    alert(mesaj)
  }

  setTimeout(function() {
    merhaba("Yusuf SEZER", "yusufsezer.com.tr");
  }, 1000);
</script>

JavaScript setTimeout fonksiyonu ile zamanladığımız işlemi iptal etmek için clearTimeout() fonksiyonu kullanılır.

<button onclick="zamanla();">Zamanla</button>
<button onclick="iptal();">İptal</button>
<script>
  var zaman;
  function zamanla() {
    zaman = setTimeout(function() {
      alert("5 sn geçti");
    }, 5000);
  }

  function iptal() {
    clearTimeout(zaman);
  }
</script>

Hayırlı günler dilerim.

Yusuf SEZER

Yusuf SEZER

Computer Engineer who interested about web technologies, algorithms, artificial intelligence and embedded systems; constantly exploring new technologies.


Bunlara'da bakmalısın!