Sembunyikan dan tampilkan link menggunakan waktu

Maksud postingan kali ini adalah kita akan menampilkan link setelah hitungan waktu mundur selesai, masih ingat download di 4shared...? sampai saat ini ( 2013 ) dia masih memakai perhitungan waktu mundur untuk menampilkan Link downloadnya, nah seperti itulah kira-kira gambarannya mengenai postingan kal ini..

Dengan berbekal javascript dari sini dan sedikit modifikasi sehingga modelnya gak jauh beda dengan kepunyaan 4shared.

Ilustrasi

<script type="text/javascript">
// http://stackoverflow.com/questions/6146391/
// Edit dikit - http://zhinto.blogspot.com/
function generate() {
  var linkDL = document.getElementById("download"),
    btn = document.getElementById("btn"),
    // Mendapatkan nilai href dari link yang ber_ID download
    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--;
    // jika waktu kurang dari Nol
    if(waktu < 0) {
      // Hapus elemen span kemudian tampilkan linkDL alias link downloadnya
      teks_waktu.parentNode.replaceChild(linkDL, teks_waktu);
      clearInterval(id);
      // Me_redirect link download jika perhitungan waktu mundur sudah selesai
      window.location.replace(direklink);
      linkDL.style.display = "inline";
    } else {
      // jika masih lebih dari Nol maka tampilkan Teks waktunya
      teks_waktu.innerHTML = "" + waktu.toString() + " Detik";
      // hilangkan button downloadnya saat diklik
      btn.style.display = "none";
    }
  }, 1000);
}
</script>

Simpan javascript diatas kode </head> atau </body> terserah pilih yang mana. nah sekarang cara menggunakannya gampang banget tambahkan kode HTML dibawah ini didalam postingan atau dimana saja sesuai keperluan anda.

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

Silahkan ganti linknya sesuai link download anda. jangan lupa kodenya setiap ingin posting link download harus seperti diatas.

HTML link nya harus ber_ID download dan pada button harus terdapat kode onclick="generate()" agar ketika diklik waktunya akan muncul lalu menampilkan link downloadnya. kode ini sudah aku lengkapi dengan redirect link download jadi disaat bersamaan link download muncul dan halaman akan langsung membuka link downloadnya secara otomatis. jika link downloadnya tidak Redirect secara otomatis maka anda bisa mendownload dengan cara mengklik link downloadnya. Oh iya kode style="display:none" harus selaluu ada pada link yang ber_ID download jadi ketika ingin menulis link anda harus menulis kode itu juga. kalau tidak mau repot hapus saja kode itu lalu simpan kode dibawah ini diatas ]]></b:skin>

#download {
display: none
}

Fungsinya sama saja, cuman anda gak perlu menulis berulang-ulang jika ingin memposting link download :)