Membuat Hitung Mundur (CountDown Timer) Untuk Mendownload File

Posted in Javascript Jquery Life at 15 Agustus 2020 With 0 Comments

Halo guys..??? Lagi cari artikel Cara Membuat Tombol Download Muncul Setelah 10 Detik ya...???? Nah.. pas banget ketemu artikel saya ini...

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... atau blog-blog download yang mengarahkan ke safelink.. dan sejenisnya...lah ya..Kira-kira seperti itu gambaran dari artikel ini..

Agar lebih jelas.. Padat.. dan puas Gambar Hasil dari Membuat Hitung Mundur dapat anda lihat dibawah ini.. Atau silahkan di coba dengan klik tombol demo dibawah ini.. Untuk Script Lengkap Bisa anda download di member.. atau ikuti artikel berikut ini... auto berhasil 100% pokonya...

membuat hitung mundur (count down timer) dengan javascript untuk tombol download

Demo Download

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

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 Rekomendasi

Artikel Terkait

Diskusi

wa