Tidak terasa Ramadhan 1437/2016 H telah dekat. Blog ini menyediakan kode web untuk Hitung Mundur 1 Ramadhan 1437 H. Nantinya kamu bisa memasang kode itu sebagai widget di blog atau web pribadi.

Kode Web: Hitung Mundur 1 Ramadhan 1437 H.

Inilah Kode Web: Hitung Mundur 1 Ramadhan 1437 H

Silakan langsung salin kode di bawah ini ke widget kamu.

[sourcecode language=”js” htmlscript=”true” highlight=”51, 54″]<script type="text/javascript">
var CDown = function() {
this.state=0;
this.counts=[];
this.interval=null;}

CDown.prototype = {
init: function(){
this.state=1;
var self=this;
this.interval=window.setInterval(function(){self.tick();}, 1000);},
add: function(date,id){
this.counts.push({d:date,id:id});
this.tick();
if(this.state==0) this.init();},
expire: function(idxs){
for(var x in idxs) {
this.display(this.counts[idxs[x]], "Now!");
this.counts.splice(idxs[x], 1);}},
format: function(r){
var out="";
if(r.d != 0){out += r.d +" "+((r.d==1)?"hari":"hari")+" & ";}
out += r.h +" "+((r.h==1)?"jam":"jam")+", ";
return out.substr(0,out.length-2);},
math: function(work){
var y=w=d=h=m=s=ms=0;
ms=(""+((work%1000)+1000)).substr(1,3);
work=Math.floor(work/1000);
y=Math.floor(work/31536000);
w=Math.floor(work/604800);
d=Math.floor(work/86400);
work=work%86400;
h=Math.floor(work/3600);
work=work%3600;
m=Math.floor(work/60);
s=Math.floor(work);
return {y:y,w:w,d:d,h:h,m:m,s:s,ms:ms};},
tick: function(){
var now=(new Date()).getTime(), expired=[],cnt=0,amount=0;
if(this.counts)
for(var idx=0,n=this.counts.length; idx<n; ++idx){
cnt=this.counts[idx];
amount=cnt.d.getTime()-now;
if(amount<0){expired.push(idx);}
else{this.display(cnt, this.format(this.math(amount)));}}
if(expired.length>0) this.expire(expired);
if(this.counts.length==0) window.clearTimeout(this.interval);},
display: function(cnt,msg){document.getElementById(cnt.id).innerHTML=msg;}};
window.onload=function(){
var cdown = new CDown();
cdown.add(new Date(2016,5,6,0,00,00), "HitungMundur");};
</script>

Kurang <b><span id="HitungMundur"></span></b> lagi..[/sourcecode]

Masukkan kode di atas ke widget di wordpress bernama Text.

Penjelasan Hitung Mundur 1 Ramadhan 1437 H

Bagi yang butuh penjelasan maka pada baris ke 51 dan 54 di atas sudah saya highlight.

[sourcecode language=”js” highlight=”1″]cdown.add(new Date(2016,5,6,0,00,00), "HitungMundur");};[/sourcecode]

Perhatikan angka yang berturut-turut di atas: 2016,5,6,0,00,00. Sebetulnya itu adalah tahun, bulan, tanggal, jam, menit, dan detik. Di atas saya atur tanggal 1 Ramadhan nya menjadi 6 Juni 2016. Secara agak berbeda, hitungan bulan dimulai dengan angka 0 bukan 1.

Jadi kalau kamu ingin mengganti tanggalnya menjadi 4 Januari 2017 maka kodenya begini: 2017,0,1,0,00,00. Juni harusnya bulan ke-6 tapi di kode ini karena angka bulan dimulai dengan 0 maka Juni menjadi 5. Dan Desember adalah 11.

• 0 – Januari
• 1 – Februari
• 2 – Maret
• 3 – April
• 4 – Mei
• 5 – Juni
• 6 – Juli
• 7 – Agustus
• 8 – September
• 9 – Oktober
• 10 – November
• 11 – Desember

[sourcecode language=”js” htmlscript=”true” highlight=”1″]Kurang <b><span id="HitungMundur"></span></b> lagi..[/sourcecode]

Kalau ini adalah kata-kata tampilan yang diinginkan. Nanti hasilnya akan seperti ini.

Tampilan widget.

Udah gitu aja, selamat mencoba memasang kode di atas di blog kamu. Kalau ada masalah dan kesulitan tinggalkan pesan, akan saya bantu. Good luck!