Membuat Hitung Mundur (CountDown Timer) Untuk Mendownload File

siunus - Selamat tengah malam gan, saya share lagi nih. Kalian pasti tahu dengan tempat download yang satu ini, yaitu 4shared. Dimana saat kita akan mendownload file kita harus menunggu selama 20 detik untuk melihat link downloadnya. (untuk akun free)

Nah, kali ini saya akan share bagaimana caranya kita membuat hitung mundur (CountDown) seperti itu.

Langsung saja.
Perhatikan kode berikut:

Pertama, buat dulu function-nya dengan menggunakan JavaScript. Taruh 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://siunus.blogspot.com'>Download</a>";
}
</script>

* Yang berwarna merah adalah lama waktunya (dalam detik).
* Yang berwarna hijau adalah link download yang dituju.

Setelah itu, ubah tag <body> menjadi ini:

<body onload="countDown();">

Setelah langkah diatas selesai, pasang kode dibawah ini dimana anda ingin menampilkannya.

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

* Yang berwarna merah untuk menampikan waktu/timer-nya.
* Yang berwarna hijau untuk menampilkan link download-nya setelah waktu habis.

Contoh:

Link download akan muncul dalam <span id="timer"></span> detik.</br>
<span id="link"></span>