Bu yazımda sizlerle paylaşmak isteğim konu web server yani web sunucumuzun saatini, yapmış olduğumuz web sitemize ek olarak estetik kazandırmak için aynı zamanda çalışır durumda eklemek olacaktır. Bu işlemlerimizi biraz php ve javascript kodlarından ve birazda html kodlardan faydalanacağız. Aklıma gelmişken yıllar önce duyduğum bir söz vardı belki bilirsiniz; Amerika’ yı keşfetmenin anlamı yok zaten keşfedilmiş..
Hali hazırda birçok farklı sistem kullanarak sunucu saatini web sayfamızda yazdırmak mümkündür. Örnek Ajax, Dhtml, php, javascript, JAVA vs., Bende php ve javascript’ ten faydalanarak burada sizlere sorunsuz çalışan scriptimi paylaşacağım.Aşağıdaki scripti php sayfası olarak kaydedip doğrudan çalıştırabiliriz.
<!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>Sunucu Saati - Lokman AKKAYA </title>
</head>
<body>
<script type="text/javascript">
var SunucuZamani = '<?php echo date("F d , Y H:i:s", time()); ?>';
var ServerTarihi = new Date(SunucuZamani);
function Boyut(BunuEkle){
var Sonuc = (BunuEkle.toString().length == 1)? "0" + BunuEkle : BunuEkle;
return Sonuc;
}
function SaatiGoster(){
ServerTarihi.setSeconds(ServerTarihi.getSeconds() + 1);
var Zaman = Boyut(ServerTarihi.getHours()) +":"+ Boyut(ServerTarihi.getMinutes()) +":"+ Boyut(ServerTarihi.getSeconds());
document.getElementById("ServerZaman").innerHTML = Zaman;
}
window.onload = function(){
setInterval("SaatiGoster()" , 1000);
}
</script>
<span id="ServerZaman"></span>
</body>
</html>
Bu sayfamızın kullanımında dikkat etmemiz gereken nokta server saati span kimliğinde ekrana yazdırılacaktır. Sizde sayfa şablonunuzda uygun bölüme örnek div tag’ ları arasında yine örnek: <div id=”ServerZaman” class=”SaatDesen”></div> biçimindede kullanabilirsiniz. Dinamik javascript server saati yapımı sayfamızın çıktısı dinamik çalışır biçimde saat dakika saniye olarak ekrana yazdıracaktır.
Çalışır örneği incelemek için linki tıklayınız.