jQuery delay() Metodu ve Kullanımı

Bu yazımda jQuery delay() metodunun ne işe yaradığını ve nasıl kullanabileceğimizi anlatacağım.

Şimdi delay() metodunun ne işe yaradığını ve nasıl kullanıldığını inceleyelim. Daha sonra da bu metodu kullanarak küçük bir uygulama yapalım. 

delay() metodu ile yapmak istediğimiz bazı işlemleri belirlediğimiz süre kadar geç başlatabiliriz. Örneğin bir animasyonun 2 saniye geç başlaması veya bir butona tıklandığında yapılacak işlemlerin belirli bir süre geç başlaması vb.

Parametre olarak milisaniye türünden bir değer veriyoruz. 

Kullanımını gördüğümüze göre artık bir örnek üzerinde uygulayalım.

Örneğimizde bir div ve bir button oluşturalım. Butona tıklandıktan sonra sırasıyla şu işlemleri gerçekleştirelim.

 ⇒  Div’in genişlik ve yükseklik değerini 50px yapıp, border-radius özelliğine 50% değeri vererek tam yuvarlak hale getirelim.

 ⇒  Sonra delay() metodu ile 3 saniye bekletip ardından fadeOut() metodu ile div’i gizleyelim.

 ⇒  Sonra delay() metodu ile 3 saniye bekletip ardından fadeIn() metodu ile gizlemiş olduğumuz div’i görünür hale getirelim.

 ⇒  Son olarak yine delay() metodu ile 3 saniye bekletip ardından div’i varsayılan Css değerlerine döndürelim.

Html Kodları

Css Kodları

jQuery Kodları

Butona tıklayarak div’e uygulanacak efektleri ve animasyonları inceleyebilirsiniz.

Umarım “jQuery delay() Metodu ve Kullanımı” başlıklı yazım sizin için faydalı olmuştur.

Şu yazılar da ilginizi çekebilir.

jQuery fadeOut(), fadeIn(), fadeToggle(), fadeTo() Fonksiyonları ve Kullanımları

jQuery slideDown(), slideUp(), slideToggle() Fonksiyonları ve Kullanımları

Yeni bir yazımda görüşmek üzere.

Yorum Yazın

650+ ABONE ARASINA KATIL

Adını ve E-Posta adresini yazarak Html, Css, Javascript, Jquery, Bootstrap, Web Tasarım, C#, Bilgisayar, Telefon, Android, Veri Güvenliği ve daha birçok alanda ders anlatımlarından ve uygulamalı örneklerden anında haberdar olabilirsin.

Abone olduğunuz için teşekkürler.

Birşeyler yanlış gitti.