web hit counter
//
you're reading...

Tutorial

Kode Web: Hitung Mundur 1 Ramadhan 1437 H

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.

Hitung Mundur 1 Ramadhan 1437 H

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.

Hitung Mundur 1 Ramadhan 1437 H

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!