Cara Membuat Tombol Download Dengan Hitungan Mundur

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

Assalamu’alaikum warahmatullahi wabarakatuh

Membuat Tombol Download Dengan Hitungan Mundur - Selamat Datang Agan/Aganwati kali ini saya akan menyampaikan bagaimnaca membuat tombol download dengan hitungan mundur. caranya sangat mudah anda hanya harus melewari langkah-langkah dibawah ini :

Langkah-langkah:

1. Simpan javascript diatas kode </head> atau </body>

<script type="text/javascript">
//<![CDATA[
function generate() {
    var linkDL = document.getElementById("download"),
        btn = document.getElementById("btn"),
        direklink = document.getElementById("download").href,
        waktu = 10;
    var teks_waktu = document.createElement("span");
    linkDL.parentNode.replaceChild(teks_waktu, linkDL);
    var id;
    id = setInterval(function () {
        waktu--;
        if (waktu < 0) {
            teks_waktu.parentNode.replaceChild(linkDL, teks_waktu);
            clearInterval(id);
            window.location.replace(direklink);
            linkDL.style.display = "inline";
        } else {
            teks_waktu.innerHTML = "" + waktu.toString() + " Detik";
            btn.style.display = "none";
        }
    }, 1000);
}
//]]>
</script>

2. Masukan kode dibawah ini dalam mode html, pada postingan sobat.

<button onclick="generate()" id="btn">Download</button>
<a id="download" href="link-download" style="display:none">Download lagu</a>

3. Terkahir tambahkan CSS untuk menghilangkan link download sipan di atas ]]></b:skin>

#link-download {
display: none
}

Sekian Postingan dari saya
Semoga Bermanfaat dan Berguna
Selamat mencoba !!!
Terima kasih...

http://the-anarchyta.blogspot.com/2014/05/button-download-with-countdown-timer.html

Wassalamu’alaikum warahmatullahi wabarakatuh

Published By: Tsani Aziz | Jika Ingin Copas Tolong Sertakan Sumber Di Bawah ini

Terimah Kasih telah membaca artikel Cara Membuat Tombol Download Dengan Hitungan Mundur. Yang ditulis oleh Tsani Aziz .Pada hariSabtu, 22 November 2014. Jika anda ingin sebarluaskan artikel ini, mohon sertakan sumber link asli. Kritik dan saran dapat anda sampaikan melalui kotak komentar Dan Jika Anda Memberi Like/Share Saya Sangat Berterima Kasih. Sekian Trimakasih ^_^

<a href="http://juragandawet69.blogspot.com/2014/11/cara-membuat-tombol-download-dengan.html" target="_blank">Cara Membuat Tombol Download Dengan Hitungan Mundur</a>