Script hitungan mundur auto direct link

Halo sahabat FARONESIA, kali ini kita membahas tutorial sederhana namun cukup menarik dan bermanfaat yaitu tutorial membuat hitungan mundur auto direct link.

Jadi, maksudnya setelah waktu yang telah ditetapkan habis maka akan secara otomatis akan menuju halaman atau link lain yang telah ditetapkan sebelumya berbeda dengan script hitungan mundur menggunakan button untuk melanjutkan link direct.

Dengan script hitungan mundur auto direct memungkinkan pengunjung mau tidak mau tetap akan terdirect ke halaman atau link yang sudah di tetapkan. Untuk membuatnya sangatlah mudah, agar tidak penasaran yang berkepanjangan berikut ini adalah kode hitungan mundur auto direct halaman.
   <!doctype html>
<html>
    <head>
        <title>title</title>
    </head>
    <body>
        <div id="pesan"></div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
        <script>
            var url = "http://faronesia.blogspot.com"; // url tujuan
            var count = 10; // dalam detik
            function countDown() {
                if (count > 0) {
                    count--;
                    var waktu = count + 1;
                    $('#pesan').html('Anda akan di redirect ke ' + url + ' dalam ' + waktu + ' detik.');
                    setTimeout("countDown()", 1000);
                } else {
                    window.location.href = url;
                }
            }
            countDown();
        </script>
</Body>
</Html> 
Penjelasan:

  1. Pada kode diatas terdapat angka 10 yang difungsikan sebagai decrement (pengurangan yang menghasilkan hitungan mundur hingga mencapai angka nol), silahkan kalian ubah sesuai selera, setelah itu akan didirect otomatis ke halaman atau link yang akan dituju.
  2. Dan pada kode diatas terdapat sebuah link "http://azzainfo.blogspot.com" yang menunjukkan sebagai link direct ketika hitungan mundur mencapai angka nol, ubah menjadi link direct yang kalian inginkan.


Mudah bukan? Selamat mencoba, jika artikel ini bermanfaat jangan lupa share dan komen dibawah.

Iklan Atas Artikel

grup blogger indonesia

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel