- 284makale,10 kategori,1707 etiket,32 taslak ve 168 onaylı yorum .
jquery bekletme-geciktirme fonksiyonu-delay()
Merhaba arkadaşlar,bu dersimde sizlere jquery ile bekletme veya geciktirme metodu olan delay() fonksiyonunu anlatacağım.Mesela bir butona tıklandıktan sonra ekrana bir uyarı verelim ve bu uyarı 3 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:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 |
<!DOCTYPE html> <html lang="en"> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> <script language="javascript"> $(document).ready(function(){ $('button[name="tikla"]').click(function(){ $(".uyari").fadeIn().delay(3000).fadeOut(); }) }); </script> <style type="text/css"> .uyari{ width: 400px; height:20px; color:#fff; background: #cd1921; padding:5px; font-family: monospace; display:none; } </style> </head> <body> <button name="tikla">Tıkla ve gör</button> <div class="uyari">Uyarı!bu yazı 3 saniye içinde yok olacaktır.</div> </body> </html> |
