Kalan Gün Uygulaması

Ramazan Ayına
xx Gün Kaldı

şeklinde bir bölüm..
Malum mubarek ay yaklaşıyor hazırlıklar başladı sitenizin bir bölümünde gerisayım göstermek isterseniz aşağıdaki kodları kullanabilirsiniz..

Jquery olarak 1.6.4 kullanıyor
HTML eklediğiniz kısımda <script src= "http://code.jquery.com/jquery-1.6.4></script> eklenmediği takdirde js çalışmaz.

var $display = $ #kalangun .csscolor:darkgreen,;
kısmındaki darkgreen kısmından yazının rengini değiştirebilir ayrıca text boyutunuzu da ayarlayabilirsiniz.

Kodlar iki bölümden oluşuyor Javascript ve HTML
Java script kodları <div id=kalangun></div> etiketi haricindeki yerlerdir <center> ve </center> kodları yazının ortalanmasını sağlıyor..

Nerede görünmesini istiyorsanız o kısıma <div id=kalangun></div> eklemeniz yeterli olacaktır.

Direkt olarak HTML Kodları:
Düzenli Kodlar a target=_blank href=http://codepaste">http://codepaste.net/m1g3w9</a>
jsfiddle Test <a >jsfiddle.net/ayvuz/Qx4r4</a>


<script src= "http://code.jquery.com/jquery-1.6.4.js"></script>

<script type="text/javascript">
$(********).ready(function () {
var date = new Date(2013, 7, 9, 0, 0);
var $display = $(’#kalangun’).css({color:"darkgreen",});



countdown($display, date);
setInterval(function () { countdown($display, date); }, 1000);
});

var offset = get_time_zone_offset();

function countdown($display, collision) {
var now = new Date();
now.setHours(now.getHours() + (offset-5));

var seconds = Math.floor((collision.getTime() - now.getTime()) * 0.001);
var minutes = (Math.floor(seconds/60) % 60);
var hours = (Math.floor(seconds/60/60 * 10)/10) % 24;
var days = Math.floor((seconds/60/60/24));

$display
.html
(
’<p>Ramazan Ayına’ +


’</br> ’ + days +
’ ’ + ’Gün Kaldı’ +
//’
weeks: ’ + weeks +
’</p>’
);
}

function get_time_zone_offset() {
var current_date = new Date( );
var gmt_offset = current_date.getTimezoneOffset( ) / 60;
return gmt_offset;
}

</script>

<div id="kalangun"></div>