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>
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>