Paket Web Aplikasi

membuat link download dengan countdown timer



Oke pada kesempatan kali ini saya berbagi sedikit tentang cara membuat link download dengan countdown timer. Tentunya ketika anda sedang download file di suatu website, pernah menemukan countdown timer untuk link download seerti pada gambar di atas.

Bagaimana untuk membuat link download countdown timer tersebut.? yuk di simak penjelasan singkat berikut ini.

Silahkan copas code di bawah ini dan simpan dengan nama index.html

<html>
<head>
   <title>Count Down Download dengan JavaScript</title>
   <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://namasitus/filedownload'>Download</a>";
    }
   </script>
</head>

<body onload="countDown();" bgcolor="whitesmoke">

<table bgcolor="white">
<tr>
<td>
<h1>FILE DOWNLOAD</h1>
<h3>Link download akan muncul dalam <span id="timer"></span> detik.</h3> 

<span id="link"></span>
</td>
</tr>
</table>
</body>
</html>

kemudian jalankan dibrowser bila berhasil anda akan mendapatkan tampilan link download dengan countdown timer. masih bingung.? tenang saya sudah siapkan source code untuk anda download, gratis kah.? ya gratis silahkan download di link berikut

DOWNLOAD

semoga penjelasan singkat ini bisa bermanfaat dan berguna bagi anda semua,  selamat mencoba dan selamat belajar.

Happy Coding & Programing
Previous
Next Post »

Komentar