Redirect JavaScript

Penjelasan redirect

Redirect JavaScript bisa digunakan untuk beberapa hal berikut ini:

1. Kamu pindahan ke domain baru dan kamu ingin visitor yang tiba di domain yang lama langsung di redirect ke domain yang baru.

2. Menambahkan time delay page, pada saat visitor mengunjungi domain kamu yang lama maka dia akan mendapatkan pesan yang berisi bahwa dia akan diredirect ke domain yang baru dalam waktu beberapa second. Setelah itu visitor akan diredirect ke domain yang baru secara otomatis.

window.location

Jika kamu ingin meredirect visitor setelah tiba pada sebuah webpage maka kamu hanya perlu script sederhana dibawah ini.

Code HTML dan JavaScript redirect:

<script type="text/javascript">
window.location = "http://www.google.com/"
</script>

Time delay

Beberapa manfaat penggunaan time delay adalah:

  • Untuk download site yang ingin ada jeda waktu sebelum download dimulai.
  • Untuk refresh webpage setiap beberapa second.
  • Untuk menunjukkan [Update your bookmark] page saat mendirect domain ke page baru.

Code HTML dan JavaScript time delay:

<html>
<head>
<script type="text/javascript">
function delayer(){
window.location = "http://bangjuju.com/redirect-javascript/"
}
</script>
</head>
<body onLoad="setTimeout('delayer()', 6000)">
<h2>Bersiaplah untuk di Redirect!</h2>
<p>Halaman sementara ini akan di redirect dalam 6 second!</p>
</body>
</html>

Hasil code HTML dan JavaScript time delay:

Klik ini untuk delay time redirect page!

Bagian paling penting dari code diatas adalah setTimeout() function. Kita ingin delayer() function dieksekusi setelah 6 second. Sehingga setTimeout() function memiliki 2 argument yaitu:

  • delayer() = yaitu function yang akan dieksekusi setelah 5 second.
  • 6000 = yaitu lamanya time delay dalam satuan milisecond. 1000 milisecond = 1 second sehingga 6000 ms sama dengan 6 second.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>