Js İle Geri Sayım Ve Otomatik Kayıt

5,354 Kez Okundu
Html Css Js
1 Yorum
2017-07-10 04:22:28

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...

<!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

Js,Geri Sayım,TextArea,Otomatik Kayıt,Sayac,Zaman,Süre,Saniye,CountDown

$(window).keypress(function(event) { if (!(event.which == 115 && event.ctrlKey) && !(event.which == 19)) return true; alert("Ctrl-S kombinasyonu uygulandı"); event.preventDefault(); return false; });