Çarşamba, 23 Mayıs 2018
setTimeout() Fonksiyonu Nasıl Kullanılır?
Eğitim

setTimeout() Fonksiyonu Nasıl Kullanılır?

Doruk Karaboncuk Doruk Karaboncuk
16 Aralık 2016

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>
    <!-- Gelen Cevabı yazdıracağımız alan -->
    <div id="cevap"></div>
    
    <!-- Jquery yükleyelim -->
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    
    <!-- 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.

Emoji ile Tepki Ver

0
0
0
0
0
0

Yorumlar

Registration Login
Sign in with social account
or
Lost your Password?
Registration Login
Sign in with social account
or
A password will be send on your post
Registration Login
Registration