Penulis Hallo Sobat blogger Selamat pagi..,
Sambil menikmati kopi yang masih hangat dan mengisi kekosongan di pagi hari, saya akan berbagi trik sederhana namun cukup menarik, yaitu hitung mundur redirect halaman.
 |
| Hitung Mundur Redirect Halaman |
HITUNG MUNDUR REDIRECT HALAMAN
Untuk membuatnya cukup mudah.
Kita akan mengkombinasikan fungsi window.location.href dengan decrement dan timeout.
Biar tidak penasaran, berikut ini adalah kode untuk membuat hitung mundur redirect 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://paitontio.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>Sedikit penjelasan. Pada kode diatas kita tentukan url tujuan dan jumlah detik jeda redirectnya. Kemudian kita panggil fungsi countDown(). Dalam fungsi tersebut jumlah detik akan di decrement (dilakukan pengurangan) hingga mencapai nol. Setelah jumlah detik mencapai nol, maka akan diredirect ke url tujuan. Silahkan klik link demo di bawah ini untuk melihat hasilnya.
DEMO
Mudah bukan, selamat mencoba. Jangan lupa komentarnya.. terima kasih telah berkunjung ke paitontio.blogspot.com
EmoticonEmoticon