×

search by faronesia.com

FARONESIA.COM
Profesional and Specialist WebDesign

Unduh dan dapatkan template blogger terbaik mulai dari premium hingga gratis tersedia di Faronesia.com

Unduh sekarang

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.
Buka komentar
Tutup komentar
  1. Mantep banget ni turotialnya, simple dan mudah dipahami..
    Bisa diterapin di blogQ,,

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

      Hapus
  3. bermanfaat dan mudah dipahami gan tutorialnya

    BalasHapus
    Balasan
    1. Trimakasih kunjungannya selamat mencoba gan

      Hapus
  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

    BalasHapus

1. Berkomentarlah dengan tata bahasa yang baik agar orang lain tahu sebijak apa karakter anda melalui kata kata.
2. Silahkan tulis komentar anda untuk hal apapun yang masih berhubungan dengan post pada halaman ini.
3. Mohon untuk tidak menyertakan Link Aktif pada kolom komentar.
4. Mohon maaf apabila tidak sempat membalas komentar 1 per 1.
5. Komentar selalu di moderasi.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel

Developer

test-1 test-2
Saya adalah seorang Web Designer dan Front-End Developer, 5 tahun dalam pengalaman bermain coding sejak SMA. Pemilik Blog Faronesia sekaligus Desainer Template Blogger.

azza / owner faronesia
Saya adalah mahasiswi sekaligus penulis lepas di sela-sela kesibukan saya. Penulis Faronesia sekaligus penyempurna naskah artikel.

shofi / author faronesia
Notifikasi pengguna

Tetap selalu terhubung dengan kami untuk menjadi bagian dari Faronesa caranya cukup dengan menekan tombol dibawah ini.

Tutup