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.

8 komentar dari postingan "Script hitungan mundur auto direct link"

  1. Mantep banget ni turotialnya, simple dan mudah dipahami..
    Bisa diterapin di blogQ,,

    ReplyDelete
  2. Replies
    1. Maaf gan sebelum saya upload sudah saya tes kode tersebut...untuk selebihnya silahkan tes sendiri

      Delete
  3. bermanfaat dan mudah dipahami gan tutorialnya

    ReplyDelete
  4. Sangat simpel dan mudah dipraktekan bosku... Terimakasih atas tutorial yg admin azzainfo sajikan... Bermanfaat sekali buat ane yg msh newbie ini... Mantap 👍

    Salam kenal dari :
    www.amaterasublog.com

    ReplyDelete

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel

Website ini dilindungi oleh Google DMCA. Dilarang keras menyalin (copy/paste) sebagian atau keseluruhan isi blog tanpa mencantumkan sumber link aktif dari website www.faronesia.com