Kodcu Murat Youtube Kanalına Abone Olmayı Unutma

Javascript setInterval Nedir, Örnekli Nasıl Kullanılır?

Javascript setInterval, setInterval fonksiyonu Javascript tarafından en çok kullanılan fonksiyonlardan bir tanesidir amacı belirttiğimiz süre içerisinde sürekli olarak belirttiğim işleri yapması kısacası otomatik olarak kod bloklarımızı işletmek için kullanmaktayız.

Javascript setInterval Nedir, Örnekli Nasıl Kullanılır?

Javascript setInterval Nedir, Örnekli Nasıl Kullanılır?

setInterval fonksiyonu Javascript tarafından en çok kullanılan fonksiyonlardan bir tanesidir amacı belirttiğimiz süre içerisinde sürekli olarak belirttiğim işleri yapması kısacası otomatik olarak kod bloklarımızı işletmek için kullanmaktayız.

Sözdizimi

Bu örneğimizde her üç saniyede bir ekrana Merhaba mesajı çıkartan bir uygulama yapalım.

Örnek Kullanım Kodu

Üstteki örneğimizdede gördüğünüz gibi 3000 milisaniyede bir alert fonksiyonuyla ekrana Merhaba içerikli mesaj çıkarmaktadır.

İpuçları

  • 1000 milisaniye = 1 saniyedir
  • function kullanımı kodlarımızın işleyişi açısından zorunludur.
  • milisaniye zorunlu olarak belirtilmelidir.

Örnek

Örneğimizde, html sayfamızda yer alan “Saymaya başla” adındaki buton’a tıklandığında output id’li html element’ine sayaç şeklinde her bir saniyede bir sayısal değeri arttırıp gösterimini sağlayacak. Durdur adındaki butonumuz ise clearInterval dediğimiz sayacın durdurulmasını sağlayacak metodumuzdur. Eğer saymaya devam etmesi istenirse tekrar “Saymaya başla” adındaki buton’a tıklanabilir.

Html Kodumuz

Javascript Kodumuz

Demo

Üstteki demoda da görebileceğiniz gibi Tıkla adındaki html button türündeki element’e tıklama sonrası belirttiğimiz 3000ms yani 3sn sonra ekrana Tıklandı içeriğinde bir alert gösterimini sağlamış olduk.


📚 Benzer Kaynaklar


✍ Lütfen olumlu-olumsuz tüm görüşlerinizi bana yorum yada mail yolu ile iletmeyi ihmal etmeyin.

🔗 Sosyal medya kanallarından makaleyi paylaşarak destek olursanız çok sevinirim.

👋 Bir sonraki makalede görüşmek dileğiyle.

5/5 - (2 votes)