contact

Contact Person
Pin BB : 5AB31960
SMS : 082288467823
WA : 081275371724
call : 081275668074

Membuat Hitung Mundur (CountDown Timer) Untuk Mendownload File

Posted in Javascript Jquery Life at 02 April 2016 With 0 Comments

Lama tidak memposting dalam kategori javascript , kali ini suckittrees.com akam membagi kan trik  Membuat Hitung Mundur (countDown Timer) untuk mendownload File dengan Javascript... Sahabat yang suka download pasti pernah melihat link download muncul seteleh terjadi hitungan, contohnya dalam website 4shared... Kira-kira seperti itu gambaran dari artikel ini..

membuat hitung mundur (count down timer) dengan javascript

OK.. langsung saja.. Sekarang kita membuat hitung Mundur dengan Javascript

▼ Download Source Code Dibawah Ini ▼


Pertama, buat dulu function-nya dengan menggunakan JavaScript. Letakan script berikut sebelum tag </head>

<script type="text/javascript">
var counter = 10;
function countDown() {
    if(counter>=0) {
        document.getElementById("timer").innerHTML = counter;
    }
    else {
        download();
        return;
    }
    counter -= 1;

    var counter2 = setTimeout("countDown()",1000);
    return;
}
function download() {
    document.getElementById("link").innerHTML = "<a href='http://suckittrees.com'>Download</a>";
}
</script>

* Yang berwarna merah adalah lama waktunya (dalam detik).

* Yang berwarna hijau adalah link download yang dituju.

Setelah itu,langkah selanjutnya untuk membuat hitung mundur(countdown timer) yaitu ,  ubah tag <body> menjadi ini:

<body onload="countDown();"> 

Setelah langkah diatas selesai, tampilkan dengan kode dibwah ini.

<span id="timer"></span>
<span id="link"></span>

Contoh :

Link download akan muncul dalam

<span id="timer"></span> detik.</br>
<span id="link"></span>

Sekian dulu artikel "Membuat Hitung Mundur (Countdown Timer) untu mendownload File dengan Javascript" , semoga artikel ini dapat berguna

Artikel Terkait

Diskusi