Tarih ve Saat Uygulaması
PHP ve Javascript kullanarak sunucu taraflı tarih-saat yapımı.
Javascript kodları ile tarihler new Date() nesnesiyle oluşturulabilir. Ancak Javascript istemci taraflı programlama dillerinden olduğundan kullanıcının bilgisayarına göre yanıt verecektir. Bunu istemediğimden javascripti bir sunucu taraflı programlama dili (PHP) ile beraber kullanıyorum. Bilgisayarınızın saati ile bu uygulamanın demoların da göreceğiniz (siteye bir yerlere koymuşumdur, ona da bakabilirsiniz) zaman farkı varsa ki saniye de olsa vardır, sebebi gördüğünüzün sitemin bulunduğu sunucunun saatine göre olmasındandır.
İnternette konu ile ilgili yeterince bilgi var. Tarih ve saat bilgilerini sunucumdan alıp javascripte tanıtıyorum. Kullandığım kodlar şöyle (index.php diyelim)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 |
<?php header("Content-type: text/javascript; charset=utf-8"); //-- Sunucuya bağlı Tarih-Saat scripti //-- İbrahim AY - ibrahimay.net date_default_timezone_set('Europe/Istanbul'); $ay="aydizi[servertarihi.getMonth()] +\"\"+ "; $gunadi="gundizi[servertarihi.getDay()]"; $gun="uzunluk(servertarihi.getDate()) +\"\"+ "; $yil="servertarihi.getFullYear() +\"\"+ "; $vartarih="var tarih=$gun"."$ay"."$yil"."$gunadi"; $saat="uzunluk(servertarihi.getHours()) +\":\"+"; $dakika="uzunluk(servertarihi.getMinutes())"; $saniye=" +\":\"+uzunluk(servertarihi.getSeconds())"; $varzaman="var zaman=$saat"."$dakika"."$saniye"; ?> var phpzaman = '<?php echo date("F d, Y H:i:s", time()); ?>'; var aydizi = new Array(" Ocak "," Şubat "," Mart "," Nisan "," Mayıs "," Haziran "," Temmuz "," Ağustos "," Eylül "," Ekim "," Kasım "," Aralık "); var gundizi = new Array(" Pazar"," Pazartesi"," Salı"," Çarşamba"," Perşembe"," Cuma"," Cumartesi"); var servertarihi = new Date(phpzaman); function uzunluk(ne){var cikti = (ne.toString().length == 1)? "0" + ne : ne; return cikti;} function goster(){servertarihi.setSeconds(servertarihi.getSeconds() + 1); <?php echo $vartarih.";"; echo $varzaman.";"; ?> document.getElementById("serverzamani").innerHTML = <?php print "tarih+\" \"+"."zaman"; ?>;} window.onload = function(){setInterval("goster()", 1000);} |
Ajax post içinde window.onload sıkıntı çıkardığından onload yerine aşağıdaki kodu tercih ediyorum.
1 2 |
clearInterval(handle); var handle = setInterval("goster()", 1000); |
Saati göstermek için bu scripti siteme ekliyorum.
1 |
<script src="index.php"></script> |
Saati göstereceğim yere de aşağıdaki kodu ekliyorum:
1 |
<span id="serverzamani"></span> |
Style için sitenize göre tasarım ekleyebilirsiniz. Örneğin
1 2 3 4 5 6 |
<style> #serverzamani{ font: 10pt Tahoma, Verdana; color: blue; } </style> |
Veya
1 |
<span id="serverzamani" style="font: 10pt Tahoma, Verdana;color: blue;"></span> |
gibi de olur. Span şart değil tabi. Şöyle de olur:
1 |
<a href="//ibrahimay.net/?p=504" target="_blank" id="serverzamani" style="font: 10pt Tahoma, Verdana; color: blue; text-decoration:none"></a> |
Değişik örnekler için demolar sayfama bakabilirsiniz.
Hazır dosyaları indirmek isterseniz :
Dosyalar üyelere özeldir: Giriş Yap
Yeni misin? Kayıt ol