بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم
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 ^_^