Belki işinizi kolaylaştıracak belki de projelerinizde artı özelliğiniz olsun istiyorsanız buyrun kodlara bir göz atalım...
Ç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...
Kod:
[COLOR="Lime<!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 = ********.getElementById("ZamanGeriSayiliyor");
var ZamanSayaciNotes = ********.getElementById("ZamanSayaciNotes");
var ZamanSayaciYazi = ********.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>[/COLOR]Takıldığınız yer olursa sorabilirsiniz...
İyi Günlerde Kullanabilmeniz Dileğiyle...
Proje Dosyasını İndir
Konunun Orjinal Linki
