NOT DÜŞTÜM
Jquery ile geçiktirme meselesinin çok sorulduğunu farkettim. Şaşırdım. Halbuki javascript ile
bir farkı yok ki?
Ancak tabi ki daha
düzenli kullanmakta fayda var.
Bu alttaki iki satırı jquery yükledikten hemen sonra çalıştırırsanız elinizde "timeout" diye bir fonksiyon olur. Yaptığı çok özel bir şey yok. Sadece jquery işlemerinizde daha kolay kullanılabilir hale getirilmiş setTimeout fonksiyonundan ibaret.
$.fn.timeout = function(t,f){
this.each(function(){setTimeout(f,t); });
return this; };
Şöyle üç şekilde kullanımına örnek verdim
js:
$(document).ready(function(){
$("#metin").click(function(){
$(this).timeout(1000,function(){
$("#icmetin").html("1 saniye sonra gelen mesaj");
$(this).timeout(2000,function(){
$("#icmetin").append("
ilk 1 saniyelik ekleyiş ardından 2 saniye sonra gelen gelen mesaj");
});
})
.timeout(2000,function(){
$("#icmetin").append("
2 saniye sonra gelen gelen mesaj");
});
});
});
html:
<a href="#" id="metin">tikla</a> <div id="icmetin"></div>
şurada çalıştırarak görebilir :
http://jsbin.com/ivetu
ve
burada da kodları değiştirip deneyebilirsiniz :
http://jsbin.com/ivetu/edit
---
Farkettim ki yukarıdaki çok karışık geliyor insanlara. halbuki kullanım kolaylığını göstermek için çeşitli şekillerde örnek vermişdim. Neyse, hasılı, nihayetinde şöyle de kullanabilirsiniz:
Alıntı :
- $(document).ready(function() {
- window.setTimeout(function() {
-
- }, 1000);
- });