HAi, teman-teman, kembali lagi nih di artikel saya 🙂 dari beberapa artikel sebelumnya saya telah membahas beberapa tutorial tentang jquery dan javascript. Nah kali ini saya akan membahas kembali tentang jquery. Kali ini tutorial cara Direct Page Dengan Menggunakan Fungsi Jquery, Kalian pernah tidak berkunjung suatu halaman website dan menemukan page /halaman yang memiliki fungsi direct page ke halaman sebenarnya secara otomatis?
biasanya page ini kita temui kalau kita download file melalui adfly atau halamn iklan-iklan produk tertentu. Nah kegunaan fungsi ini adalah untuk agar si user mau-tidak mau melihat iklan yang kita buat di dalam suatu halaman sementara tetapi tidak akan mengganggu kenyamanan user karena ini hanya bersifat sementara biasanya dalam hitungan detik kita akan di bawa ke page yang sebenarnya
Nah di bawah ini saya telah menuliskan beberapa barius code yang dapat kalian pelajari dan praktekan langsung:
<html>
<head>
<title>Redirect Halaman dengan JQuery</title>
<script src="https://code.jquery.com/jquery-1.12.4.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:grey;
}
#waktu {
font-size:25pt;
color:cycn;
}
</style>
</head>
<body>
<h1>Anda akan diarahkan ke halaman sebenarnya dalam waktu <span id="waktu">10</span> detik</h1>
</body>
</html>
Setelah kalian jalankan baris kde tersebut maka akan keluar tampilan seperti ini :
Nah detik pada browser tersebut akan secara otomatis menghtiung mundur sampai dengan anka 0 (noll), Jika telah sampai ke angka 0 maka akan mendiredt page ke halam yang telah kita tentukan.
Nah sekian tutorial singkat dari saya tentang cara Direct Page Dengan Menggunakan Fungsi Jquery. sampai bertemu pada artikel selanjutnya