Membuat Button dengan Waktu Mundur

Kamu pasti sering menemukan Tombol/Button pada Website dengan menunggu terlebih dahulu sampai Waktu habis baru bisa Download atau Mengunjungi Website. Biasanya dengan tulisan "You can Download file in 10 Seconds".

Begini caranya

var downloadButton = document.getElementById("download");
var counter = 10; //Countdown dalam bentuk Seconds
var newElement = document.createElement("p");
newElement.innerHTML = "You can download the file in 10 seconds."; //Kata-katanya
var id;

downloadButton.parentNode.replaceChild(newElement, downloadButton);

id = setInterval(function() {
    counter--;
    if(counter < 0) {
        newElement.parentNode.replaceChild(downloadButton, newElement);
        clearInterval(id);
    } else {
        newElement.innerHTML = "You can download the file in " + counter.toString() + " seconds.";
    }
}, 1000);

Silahkan edit bagian yang sudah saya tandai.

<a href="downloadFile.zip" id="download">Download the file...</a>

Ini untuk penerapan pada HTML.

Yang membuat website bertemakan Download-Mendownload bisa dipakai Button ini. Bisa juga digunakan di Safelink

kiky Thursday, August 3, 2017 script