JQuery Delay

Merhaba arkadaşlar, jquery ile bekletme için delay fonksiyonu kullanılabilir. Mesela bir butona tıklandıktan sonra ekrana bir uyarı verelim ve bu uyarı 2 saniye sonra ekrandan kaybolsun.Uyarıyı verecek DOM nesnemi öncelikle CSS kullanarak görünmez yapacağım ve butona tıklanınca görünür olacak .Kodlarım aşağıda ki gibi olacak:

//JS Kodlarımız
<script language="javascript">
$(document).ready(function(){
    $('button[name="tikla"]').click(function(){
        $(".uyari").fadeIn().delay(2000).fadeOut();
    })
});
</script>

//Css kodlarımız
<style type="text/css">
    .uyari{ width: 400px; height:20px; color:#fff; background: #cd1921; padding:5px; font-family: monospace; display:none; }
</style>

//Sayfa kodlarımız
<button name="tikla">Tıkla ve gör</button>
<div class="uyari">Uyarı!bu yazı 3 saniye içinde yok olacaktır.</div>

Bir Cevap Yazın

Aşağıya bilgilerinizi girin veya oturum açmak için bir simgeye tıklayın:

WordPress.com Logosu

WordPress.com hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Google fotoğrafı

Google hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Twitter resmi

Twitter hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Facebook fotoğrafı

Facebook hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Connecting to %s