SEO (Arama Motoru Optimizasyonu) Mikro İnteraktif ÜCRETSİZ - Google Play'den İndirin

Belirli Süre Sonra Bir Defa Fonksiyon Çalıştırmak

Web sayfasında bir fonksiyonun belirli bir süre sonra yalnızca bir kez çalıştırılmasını sağlayan örneğimiz.

Yaptığımız projelerde bazen, kullanıcı taraflı olarak (tarayıcı üzerinde) belirlemiş olduğumuz fonksiyonu bir süre sonra (mesela 6 saniye) bir defalığına çalıştırmak için gereken JavaScript yöntemimiz setTimeout metodudur. Bu metodu iki tane değer alacak şekilde sizlere anlatmaya çalışalım.

setTimeout(çalışacak fonksiyonumuz, ne zaman sonra çalışacak) şeklinde kısaca aktarmış olalım. Aldığı değerler itibariyle daha da detaya inersek

çalışacak fonksiyonumuz: çalıştırılmasını istediğimiz fonksiyon. Örneğin fnUyari_Ver
ne zaman sonra çalışacak: Ne kadar süre sonra çalışacağı. Örneğin 6 saniye sonra için 6000 değeri belirtilmelidir.

Birinci örneğimizde,
- fnTarihi_Yazdir() adlı fonksiyonumuzu hazırlayalım. Fonksiyon çalıştığı zamanki tarihi alıp bir tane span içerine onu yazdırmaktadır.
- setTimeout("fnTarihi_Yazdir()", 8000); şeklinde yazarak, fnTarihi_Yazdir() adlı fonksiyonu 8 saniye sonra çalıştırmış olalım.
Örnek 1 (JavaScript)
function fnTarihi_Yazdir()
{
var dtmTarih = new Date();
document.getElementById("tarih").innerHTML = dtmTarih;
}
setTimeout("fnTarihi_Yazdir()", 8000);
Örnek 1 (HTML)
<span id="tarih">Tarih sonucu burada 8 saniye sonra görüntülenecek</span>
Örnek 1 (Uygulama)
Tarih sonucu burada 8 saniye sonra görüntülenecek

Bu örneğimizde ise 11 saniye sonra selam verecek şekilde mesaj verdirelim.
Örnek 2 (JavaScript)
function fnSelam_Ver()
{
var strMesaj = "Merhaba Serkan, bu mesaj sayfanın açılmasından 11 saniye yazdırıldı";
document.getElementById("selam").innerHTML = strMesaj;
}
setTimeout("fnSelam_Ver()", 11000);
Örnek 2 (Uygulama)
Selam mesajı burada 11 saniye sonra görüntülenecek

Yorumlar

Yorum Yaz

Avatar

REKLAM

DDos Koruma, Botnet Koruma, Layer 7 Saldırı koruması, Sanal sunucu, Vds sunucu

REKLAM

Çizgi Filmler

REKLAM

Çocuk Etkinlikleri Uygulaması

EN

  • Popüler
  • Yeni
  • Son Yorum