JavaScript'te SetTimeout Nasıl Kullanılır

JavaScript ile çalışırken, bir işlevi çalıştırmak belirli bir süre beklemek isteyeceğiniz bir nokta olacaktır.

Bu,bir örnek belirli bir süre sonra bir şeyi canlandırmak olabilir. Bu örnek metni panoya kopyalama, komut dosyasında çalıştırma gibi birzaman süreç gerektirecek.

JavaScript setTimeout işlevi

En temel biçiminde işlev şöyle görünüm alır

setTimeout(() => {
  // Run after 100 milliseconds
}, 100);

Görüyorsunuz, sayı 100çalıştırmak için bekleyeceği milisaniyeleri ifade ediyor.Gördüğünüz gibi, temel örnek, çağrılacak bir ok işlevleri dizisi kullanır. Ayrıca işleminizi aşağıdaki şekilde de iletebilirsiniz.

const coolFunc = () => {
  console.log('do a trick');
};

setTimeout(coolFunc, 200);

Ama diyelim ki fonksiyonunuz parametre alıyor. Bunu bile bu kurulumla yapabiliriz.

const coolFunc = (name, age) => {
  console.log(`Hi ${name} you are ${age} years old?`);
};

setTimeout(coolFunc, 200, 'Chris', 32);

Gördüğünüz gibi props, timeout parametresinden sonra geçiliyor.

Düşündüğünü görüyorum! Zamanı 0'a ayarladığımızda ne olacak?

Fakat! Bu, komut dosyasında daha sonra gelseler bile, yalnızca diğer tüm işlevler tamamlandıktan sonra çağrılır.,

setTimeout(() => {
  console.log('zero wait timeout');
}, 0);

console.log('first');

const otherFunction = () => {
  console.log('The other function');
};

otherFunction();