setTimeout

Belirli bir süre sonra bir kez çalışan kodu setTimeout ile yazmayı öğrenirsin.

setTimeout ile gecikmeli çağrı

setTimeout bir fonksiyonu belirli bir gecikmeden sonra bir kez çalıştırır. Gecikme milisaniye cinsindendir: 1000 ms = 1 saniye. Callback genelde ok fonksiyonu olarak yazılır.

setTimeout(() => {
  console.log('Merhaba');
}, 1000);

Bu kod 1 saniye sonra Merhaba yazdırır. Callback yalnızca bir kez çağrılır. Zamanlayıcı beklerken sayfa donmaz; diğer kodlar hemen çalışmaya devam eder.

setTimeout'a ek argüman vermek

setTimeout'a callback'den sonra ek parametreler verebilirsin. Bu parametreler callback çağrılırken argüman olarak geçirilir.

function greet(name) {
  console.log('Merhaba ' + name);
}
setTimeout(greet, 1000, 'Ayşe');

Bu kod 1 saniye sonra Merhaba Ayşe yazdırır. Üçüncü parametre 'Ayşe', callback'e name argümanı olarak verilir. Birden fazla argüman da virgülle ekleyebilirsin.

Uygulama 1 saniye sonra buton metnini değiştir

Bir buton seç ve setTimeout ile 1 saniye sonra metnini 'Hazır' yap. button.textContent'i kullan.

Örnek çözümü göster

const button = document.querySelector('button');
setTimeout(() => {
  button.textContent = 'Hazır';
}, 1000);

Kendini test et

Aşağıdaki koddaki gecikme ne kadardır?
```
setTimeout(() => {
  console.log('Merhaba');
}, 2500);
```
- 2.5 saat
- 2500 milisaniye
- 2500 saniye
- 2500 dakika
Cevabı göster

2500 milisaniye — Doğru! 2500 sayısı milisaniye cinsindendir, yani 2.5 saniye.

setTimeout çağrısını tamamla

setTimeout(() => {
  console.log('Hazır');
}, ____);

Cevabı göster

setTimeout(() => {
  console.log('Hazır');
}, 1000);

setTimeout parçalarını eşleştir

setTimeout

zamanlayıcı başlatır
callback

gecikmeden sonra çalışır
1000

1 saniyeye eşittir
geri dönüş değeri

timer kimliğidir

Sıradaki ders: setInterval

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler