JS

Yayınlandı Ocak 16th, 2014 | by Emre

0

JS ile geri sayım Özelliği

JavaScript ile bir html sayfa’da belirttiğiniz zaman aralıklarından geri doğru sayarak ekranda canlı şekilde görmenizi sağlayan kod aşağıda yer almaktadır.

Not: Eğer Sayfanın zaman sayacı sıfırlandığında herhangi bir sayfaya yönlenmesini istiyorsanız kolay bir yöntemi var. Aşağıdaki html in kısmının arasına sayılacak olan zaman dilimini sayiyeye çevrilmiş değerini bu koda ekliyorsunuz :

HTML Kod :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Geri Sayım</title>
<script language="javascript">
var sayilacak_saat=0;
var sayilacak_dakika=2;
var sayilacak_saniye=59;
var zaman=(sayilacak_dakika*3600 )+(sayilacak_dakika*60 )+sayilacak_saniye+1;
function geri_say(){
zaman=zaman-1;
kalan_saat=Math.floor(zaman/3600 );
kalan_dakika=Math.floor((zaman%3600 )/60 );
kalan_saniye=zaman%60;

var yeni_zaman="";
if(kalan_dakika>0 || kalan_saniye>0 || kalan_saat>0 ){
yeni_zaman=kalan_dakika+":"+kalan_saniye;
if(kalan_dakika==0 && kalan_saat==0 && kalan_saniye>0 ){yeni_zaman="<font style='font-size:18px;color:red;'>"+yeni_zaman+"</font>";}
}

document.getElementById('kalan_zaman' ).innerHTML=yeni_zaman;

if(zaman>0 ){setTimeout("geri_say();",1000 );}

}
window.onload=geri_say;
</script>
</head>

<body>
<a id='kalan_zaman' style='font-size:16px;'></a>
</body>
</html>

Tags: , ,



Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Back to Top ↑