jQuery finish() Metodu ve Kullanımı

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

Şimdi finish() 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. 

finish() metodu, çalışan bir animasyonu sonlandırmamızı sağlar. O anki çalışan animasyonu durdurur. Eğer kuyrukta başka animasyonlar varsa onları da animasyonsuz bir şekilde tamamlar.

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

Örneğin 1 div ve 2 button oluşturalım. “Animasyonu Başlat” butonuna tıklandığında 5’er saniyelik iki animasyonu başlatalım.

Eğer “Bitir” butonuna tıklanırsa 10 saniye sürecek animasyonların uygulanmasını beklemeden sonlandıralım.

Html Kodları

Css Kodları

jQuery Kodları

“Animasyonu Başlat” butonuna tıkladığınızda yazdığımız animasyonun gerçekleşmesi 10 saniye sürecek. Ama animasyon devam ederken “Bitir” butonuna tıklarsanız animasyon durdurulur ve son halini alır.

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

Şu yazılar da ilginizi çekebilir.

jQuery trim() Metodu ve Kullanımı

jQuery delay() Metodu ve Kullanımı

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.