Cara Membuat Auto Refresh Page dengan Javascript

Cara Membuat Auto Refresh PageKali ini saya akan membahas bagaimana cara membuat auto refresh page dengan kode javascript, sebelum ke materi mari kita membahas dulu apa itu Auto Refresh Page? Auto Refresh Page adalah dimana sebuah website atau blog bila diletakan script Javascript Auto Refresh Page ini efek nya akan  merefresh halaman tersebut atau bahasa mudah nya akan ngereload dengan sendirinya sesuai timer yang digunakannya. Sebelumnya kita harus ketahui dulu apa itu Javascript?


https://tornesia.blogspot.com/2017/11/cara-membuat-auto-refresh-page.html Selesai


Pengertian Javascript

Javascript adalah bahasa pemograman tingkat tinggi dan dinamis, Javascript populer di internet dan dapat bekerja di sebagian besar penjelajah web populer seperti Internet Explorer atau dikenal dengan (IE), Mozilla Firefox, Netscape dan Opera. Kode Javascript dapat disisipkan dalam halaman web menggunakan tag SCRIPT.

berikut adalah kode javascript auto refresh page :

Kode Auto Refresh Page :


<script type="text/JavaScript">
function timeRefresh(timeoutPeriod)
{
setTimeout("location.reload(true);",timeoutPeriod);
}
</script>


Catatan : 


Tempatkan kode script Javascript sebelum tag <head> contoh seperti ini :

<head>

<script type="text/JavaScript">
function timeRefresh(timeoutPeriod)
{
setTimeout("location.reload(true);",timeoutPeriod);
}
</script>

kedua tempatkan kode berikut ini agar auto refresh bisa berjalan dengan lancar :

<body onLoad="JavaScript:timeRefresh(3000);">
<p style="color:#996666;font-size:30px;font-family:Arial;">Halaman ini adalah auto referesh dalam 3 detik setelah ..... silahkan tunggu dan lihat refresh atau tidak.</p>

Catatan :


Tempatkan kode diatas di bagian tag <body> lalu ubah dengan kode diatas, contohnya :

<body> pastekan menjadi <body onLoad="JavaScript:timeRefresh(3000);">
<p style="color:#996666;font-size:30px;font-family:Arial;">Halaman ini adalah auto referesh dalam 3 detik setelah ..... silahkan tunggu dan lihat refresh atau tidak.</p>

Anda juga bisa mengubah waktu timernya caranya ubah kata yang bertanda MERAH ubah sesuai keinginan anda contohnya : <body onLoad="JavaScript:timeRefresh(5000);"> berarti 1000 adalah 1 detik dan seterusnya.

Sebagai contoh anda bisa melihat demo script ini di link di bawah ini :



Nah mungkin sekian tutorial bagaimana Cara Membuat Auto Refresh Page semoga apa yang kami sampaikan bermanfaat bagi anda, sebelumnya mohon maaf apabila ada kata yang kurang dimengerti, apabila ada yang ingin ditanyakan bisa berkomentar dibawah artikel/postingan ini. Sekian Terima Kasih.