Hai teman-teman. Pada kesempatan kali ini saya akan share sedikit mengenai jquery yaitu tentang redirect suatu halaman dengan interval waktu tertentu. Baik langsung saja kita mulai pembahasannya. Sebelumnya kita harus ambil core jquery yang akan kita gunakan. Bisa teman-teman ambil di http://code.jquery.com/jquery-2.0.3.min.js. teman-teman tinggal seleksi semua lalu copy kemudian paste di text editor teman-teman (notepad++,sublime text,dll). Kemudian di dalam folder website teman-teman dengan nama apa saja. Disini saya save dengan nama redirect.js ( format harus .js ). Setelah itu kita mulai. Teman-teman bisa ketikkan script lengkap dibawah ini :

<html>

                <head>

                                <title>Redirect Halaman dengan JQuery</title>

                                <script src=”redirect.js”></script>

                                <script>

                                                $(document).ready(function(){

                                                                window.setInterval(function () {

                                                                                var sisawaktu = $(“#waktu”).html();

                                                                                sisawaktu = eval(sisawaktu);

                                                                                if (sisawaktu == 0) {

                                                                                                location.href = “http://www.dumetschool.com/”;

                                                                                } else {

                                                                                                $(“#waktu”).html(sisawaktu – 1);

                                                                                }

                                                                }, 1000);

                                                });

                                </script>

                                <style type=”text/css”>

                                                body {

                                                                font-size:12pt;

                                                                font-family:verdana;

                                                                background-color:cyan;

                                                }

                                                #waktu {

                                                                font-size:25pt;

                                                                color:red;

                                                }

                                </style>

                </head>

                <body>

                                <h1>Anda akan diarahkan ke halaman sebenarnya dalam waktu <span id=”waktu”>5</span> detik</h1>

                </body>

</html>

Kemudian teman-teman save dengan formal .html. lalu coba di buka pada browser. Disana akan ada tampilan angka hitung mundur dan ketika sudah 0 maka secara otomatis akan meredirect ke halaman dumetschool.com.

Fungsi tersebut ada pada script ini :

<script>

                                                $(document).ready(function(){

                                                                window.setInterval(function () {

                                                                                var sisawaktu = $(“#waktu”).html();

                                                                                sisawaktu = eval(sisawaktu);

                                                                                if (sisawaktu == 0) {

                                                                                                location.href = “http://www.dumetschool.com/”;

                                                                                } else {

                                                                                                $(“#waktu”).html(sisawaktu – 1);

                                                                                }

                                                                }, 1000);

                                                });

                                </script>

Mengapa di redirect ke dumetschool.com ? karena pada fungsi ini location.href = “http://www.dumetschool.com/”; lokasi yang di setting adalah dumetschool.com. teman-teman bisa ganti dengan nama website apa saja tentunya.

Sekian dari saya. Sampai jumpa kembali pada kesempatan berikutnya

 

WhatsApp chat