JS Timer Count Down – Geri Sayar

Javascript ile belirlenen zamandan geriye sayım için bir sayaç yapmak oldukça basit bir işlem , bu yazımızda geri zaman sayar yapacaz.

Öncelikle HTML alanını oluşturalım  ;

HTML
1 lines
<span id="sayac"></span>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Sonrasında JS Fonksiyonumuzu yazalım

JavaScript
24 lines
$(function(){
var saat = 12;
var dakika = 0;
var saniye = 0;
var sayac = setInterval(function(){
if(dakika == 0 && saniye == 0){
saat--;
saniye = 60;
dakika = 60;
}
if (dakika != 0 && saniye == 0) {
dakika--;
saniye = 60;
}
if (saniye != 0) {
saniye--;
}
if(saniye == 0 && dakika == 0 && saat == 0){
clearInterval(sayac);
}
$("#sayac").html(saat+":"+dakika+":"+saniye)
},1000)
})
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

 

geri sayım sayacımız hazır artık projelerimizde kullanabiliriz,