contact

Contact Person
Pin BB : 5AB31960
SMS : 082288467823
WA : 081275371724
call : 081275668074


Membuat Auto Refresh di Website dengan Jquery

Posted in Javascript Jquery Life at 13 Desember 2016 With 0 Comments

OK.. pada artikel kali ini admin akan membahas Cara membat Auto Refresh Halaman Website Dengan Jquery , “Auto Refresh Web Page With AJAX Technique” , Dalam kondisi tertentu kita membutuhkan cara untuk Refresh Halaman Secara Otomatis / auto, Hal ini bisa dilakukan dengan berbagai tehnik, jik pada manual nya kita bisa menekan dengan Tombol F5 pada keyboard, namun bagaimana jika kita ingin membuat halaman website bisa ter refresh/ load secara otomatis

Pada tulisan kali ini kita akan membuat sebuah halaman web sederhana dengan menampilkan data atau nilai acak yang terus berubah secara kontinu tanpa harus kita refresh (load) pada halaman web tersebut. Fungsi yang menampilkan nilai acak tersebut menggunakan fungsi pada PHP yaitu rand() —> get random value.

Membuat Refresh Halaman Web Otomtis dengan Javascript Jquery

▼ Download Source Code Dibawah Ini ▼


Berikut ini script yang digunakan :

<html>
<head>
<script src="jquery-1.3.2.min.js"></script>
<script>
$(document).ready(function() {
$("#responsecontainer").load("response.php");
var refreshId = setInterval(function()
{
$("#responsecontainer").load('response.php?randval='+ Math.random());
}, 1000);
});
</script>
</head>
<body>
<center><br /><br /><br />
<table border="1" bgcolor="yellow"><tr><td>
<div id="responsecontainer"></div>
</td></tr></table>
</center>
</body>
</html>

untuk source code dapat anda download disini

Artikel Terkait

Diskusi