- Katılım
- 12 Eylül 2014
- Mesajlar
- 167
- Tepkime puanı
- 0
- Puanları
- 0
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>
