Neler yeni
Türkiye'nin En Güncel Forum Sitesi

Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı yada giriş yapmalısınız. Forum üye olmak tamamen ücretsizdir.

Kalan Gün Uygulaması

ByOnur58

Kayıtlı Üye
MFC Üyesi
  • Üyelik Tarihi
    7 Ocak 2015
  • Mesajlar
    2,113
  • MFC Puanı
    10
  • MFC Seviyesi

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>
 
Üst Alt