Çalışması ise şöyle; Siz TextArea nın içine herhangi bir şey yazdığınızda veya içinde bişey değiştirdiğinizde, ger sayım hemen başlamıyor 3 saniyelik bir geçikme verdik böylelikle siz uzunca cümleler yazarken sürekli geri sayım başa dönmesini engelledik . Siz yazmanızı bitirdikten 3 saniye sonra 20 saniyelik geri sayım başlamış oluyor. Geri sayım bittiğinde ise sizin belirlediğiniz kodlar çalışmış olacak...
<!DOCTYPE html>
<html>
<body>
<form action="#">
<center>
<textarea id="MyNotes" placeholder="www.mucahittopal.com" rows="10" cols="50"></textarea>
<br>
<span id="ZamanSayaciNotes" ><b id="ZamanGeriSayiliyor"></b><span id="ZamanSayaciYazi" ></span></span>
</center>
</form>
<script src="jQuery-2.1.4.min.js"></script>
<script>
var MyTimeNotes;
var GeneralTimeNotes;
$("#ZamanSayaciNotes").hide()
$("#MyNotes").keyup(function () {
clearTimeout(MyTimeNotes);
clearTimeout(GeneralTimeNotes);
$("#ZamanSayaciNotes").hide();
GeneralTimeNotes = setTimeout(function () {
var sure = 20; // kaç saniye bekletilecek
var ZamanGeriSayiliyor = document.getElementById("ZamanGeriSayiliyor");
var ZamanSayaciNotes = document.getElementById("ZamanSayaciNotes");
var ZamanSayaciYazi = document.getElementById("ZamanSayaciYazi");
var saniye = ZamanGeriSayiliyor.innerHTML = sure + 1;
$("#ZamanSayaciNotes").show();
ZamanSayaciYazi.innerHTML = " Saniye Sonra Otomatik Kayıt.";
function ZamanGeriSay() {
if (saniye != 1) {
saniye -= 1;
ZamanGeriSayiliyor.innerHTML = saniye;
} else {
try {
// Geri sayım sonunda
// yapılack işlemler
ZamanGeriSayiliyor.innerHTML ="";
ZamanSayaciYazi.innerHTML = "Otomatik Kayit Başarılı.";
} catch (hata) {
ZamanSayaciYazi.innerHTML = "Kayit Başarısız.--> " + hata.message;
}
return;
}
MyTimeNotes = setTimeout(function () {
ZamanGeriSay()
}, 1000);
}
ZamanGeriSay();
}, 3000);
});
</script>
</body>
</html>Takıldığınız yer olursa sorabilirsiniz...İyi Günlerde Kullanabilmeniz Dileğiyle...
Proje Dosyasını İndir
Konunun Orjinal Linki