REFRESH ALIAS RELOAD PAGE PADA JAVASCRIPT

Kadang-kadang, kamu mungkin memerlukan cara untuk me-refresh atau reload halaman web secara otomatis menggunakan JavaScript. Berikut ini adalah beberapa metode yang dapat kamu gunakan.

Menggunakan location.reload()

Cara paling sederhana untuk me-refresh halaman adalah dengan menggunakan fungsi location.reload(). Fungsi ini akan melakukan reload pada halaman yang sedang dibuka.

// Me-refresh halaman
location.reload();

Menambahkan Delay Sebelum Reload

Jika kamu ingin menambahkan delay sebelum halaman di-reload, kamu bisa menggunakan setTimeout().

// Me-refresh halaman setelah 5 detik
setTimeout(function() {
    location.reload();
}, 5000);

Menggunakan window.location.href

Kamu juga bisa menggunakan window.location.href untuk me-refresh halaman. Cara ini sebenarnya melakukan redirect ke URL yang sama.

// Me-refresh halaman dengan redirect URL yang sama
window.location.href = window.location.href;

Event Listener pada Elemen

Kamu dapat mengikat fungsi reload ke dalam suatu elemen seperti tombol. Contoh di bawah ini menunjukkan cara mengikat fungsi reload ke tombol.

<button id="reloadButton">Refresh Halaman</button>

<script>
document.getElementById('reloadButton').addEventListener('click', function() {
    location.reload();
});
</script>

Kesimpulan

Dengan beberapa baris kode JavaScript sederhana, kamu bisa dengan mudah me-refresh halaman web sesuai kebutuhan. Gunakan location.reload(), window.location.href, atau tambahkan event listener pada elemen HTML untuk mencapai efek yang sama.