Javascript, Jquery 1 saniye sonra veya belirli bir süre sonra bir işlem yapma nasıl yapılır bu yazıda öğrenebilirsiniz.
setTimeout() fonksiyonunu kullanmaya başlayalım
setTimeout() fonksiyonunun özelliği, milisaniye cinsinden bir süre verdiğinizde içerisindeki fonksiyonu o saniyeden sonra çalıştırır. Milisaniye bilgileri için 1000 milisaniye 1 saniyedir. Daha önceki Jquery ile Ajax kullanımı yazımızda üyelik formunu yükletmek için kullanabileceğimizi söylemiştik.
setTimeout() fonksiyonu örnek olarak sitede 30 saniye kalan birine bir bülten kayıt formu göstermek için de kullanabilirsiniz. Kullanım alanı çok fazladır ve ihtiyacınıza göre kendiniz ayarlayabilirsiniz. Ben genel olarak bu fonksiyonu bir yükleme yaptırıp daha sonra o yüklemeyi kaldırmak istediğimde kullanıyorum.
Bunun tam tersini de yapabilirsiniz. Üyeliğiniz oluşturulmuştur yazısını 2 saniye sonra kaldırabilirsiniz. Aşağıda bunun örneğini yaparak fonksiyonun nasıl kullanıldığına bakalım.
setTimeout() örneği
<!DOCTYPE html>
<head>
<title>2 Saniye</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
</head>
<body>
(html comment removed: Gelen Cevabı yazdıracağımız alan )
<div id="cevap"></div>
(html comment removed: Jquery yükleyelim )
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
(html comment removed: Fonksiyonumuzu yazalım )
<script type="text/javascript">
// Önce fonksiyon dışına üyeliğiniz oluşturulmuştur yazdırıyoruz
$("#cevap").html("Üyeliğiniz oluşturulmuştur.");
//2 saniye geçtikten sonra divimize "Şimdi giriş yapabilirsiniz" yazdıralım.
setTimeout(function(){
//2 Saniye sonra neler olmasını istiyorsanız {} arasına yazabilirsiniz.
$("#cevap").html("Şimdi giriş yapabilirsiniz.");
},2000);
</script>
</body>
</html>
Süslü parantez içinde dilediğiniz işlemi gerçekleştirebilirsiniz. Virgülden sonra kalan bölüme ise kaç saniye sonra çalışacağını yazabilirsiniz.
İster bir uyarı, ister yazı, isterseniz içinde başka bir fonksiyon çalıştırın.