Halaman refresh otomatis javascript setiap 5 menit

jQuery adalah pustaka Javascript yang menyederhanakan banyak tugas pemrograman JS umum seperti memilih elemen di DOM, menangani peristiwa (klik, arahkan mouse), menjalankan transaksi Ajax, melakukan animasi, dll.

Ajax adalah proses mendapatkan data dari server ke browser atau halaman tanpa memuat ulang seluruh halaman. jQuery menyediakan fungsi untuk mengelola transaksi Ajax (seperti halnya semua perpustakaan JS)

("tubuh"). html(data) artinya ini. adalah objek jQuery (pintasan)
"body" adalah pemilih HTML (sama seperti yang mungkin Anda gunakan di CSS). Dalam hal ini akan mendapatkan semua tag, yang harus ada tepat 1
data akan menjadi respons dari skrip sisi server Anda (data transaksi ajax) dan. html() pemanggilan fungsi akan menyetel innerHTML ke data tersebut

Baris kode itu akan dipanggil ketika transaksi Ajax selesai, dan itu akan mengatur konten menjadi apa pun milik Anda. tampilan skrip php

Saya memerlukan beberapa HTML/Javascript yang akan memuat ulang atau menyegarkan halaman saya secara otomatis setelah 5 menit. Saya telah mencoba Meta dalam HTML tetapi saya tidak dapat mengaksesnya karena ini bukan sepenuhnya halaman saya

Bisakah Javascript menangani yang ini?

Salam,

Jaka

Dalam JavaScript, ada situasi ketika kami perlu memastikan bahwa konten yang dimasukkan di situs tertentu akurat dan terkini. Misalnya, Anda harus menampilkan konten terbaru di halaman web sambil mengisi formulir yang panjang dan mengamati perubahan baru atau saat Anda ingin menguji situs web. Dalam kasus seperti itu, menyegarkan halaman web secara otomatis setiap 5 detik menggunakan JavaScript sangat membantu dalam mengatasi situasi seperti ini.

Artikel ini akan membahas metode untuk me-refresh halaman web secara otomatis setiap 5 detik menggunakan JavaScript

Bagaimana Cara Menyegarkan Halaman Web Secara Otomatis Setiap 5 Detik Menggunakan JavaScript?

Untuk menyegarkan halaman web secara otomatis setiap 5 detik menggunakan JavaScript, gunakan "setInterval()" dan "document. metode querySelector()” untuk menyesuaikan nilai pengatur waktu, metode “refresh()” untuk menyegarkan halaman web, atau metode “setTimeout()” untuk menyetel batas waktu tunggu tertentu dari halaman web. Artikel ini mendemonstrasikan metode untuk menyegarkan halaman web secara otomatis setiap 5 detik menggunakan JavaScript

Anda dapat melakukannya dengan menyetel waktu eksekusi semua aktivitas yang berinteraksi dengan halaman web dengan menyetel opsi penundaan default aktivitas;

Anda dapat menyegarkan halaman web menggunakan lokasi JavaScript. metode isi ulang. Kode ini dapat dipanggil secara otomatis pada suatu peristiwa atau hanya ketika pengguna mengklik tautan. Jika Anda ingin me-refresh halaman web menggunakan klik mouse, maka Anda dapat menggunakan kode berikut −

Refresh Page

Untuk memahaminya dengan lebih baik, Anda dapat Menyegarkan Halaman

Penyegaran Otomatis

Anda juga dapat menggunakan JavaScript untuk menyegarkan halaman secara otomatis setelah jangka waktu tertentu. Di sini setTimeout() adalah fungsi JavaScript bawaan yang dapat digunakan untuk menjalankan fungsi lain setelah interval waktu tertentu

Contoh

Coba contoh berikut. Ini menunjukkan cara me-refresh halaman setelah setiap 5 detik. Anda dapat mengubah waktu ini sesuai kebutuhan Anda

Terkadang, kami ingin memuat ulang halaman secara otomatis setelah beberapa saat tidak aktif di halaman web kami

Pada artikel ini, kita akan melihat cara memuat ulang halaman secara otomatis setelah periode tidak aktif tertentu dengan JavaScript

Kita dapat mendengarkan event mousemove dan keypress agar kita masing-masing dapat mendengarkan aktivitas mouse dan keyboard

Kemudian kita dapat merekam waktu saat pengguna terakhir menggunakan halaman tersebut di event listener

Dan kemudian kita dapat menggunakan waktu itu untuk menghitung berapa lama terakhir kali pengguna menggunakan halaman tersebut

Untuk melakukan ini, kami menulis

let time = new Date().getTime();
const setActivityTime = (e) => {
  time = new Date().getTime();
}
document.body.addEventListener("mousemove", setActivityTime);
document.body.addEventListener("keypress", setActivityTime);const refresh = () => {
  if (new Date().getTime() - time >= 60000) {
    window.location.reload(true);
  } else {
    setTimeout(refresh, 10000);
  }
}setTimeout(refresh, 10000);

Kami memiliki variabel time yang memiliki cap waktu dalam milidetik sebagai nilai awalnya

Kemudian kami memiliki pendengar acara setActivityTime_ yang kami gunakan untuk mengatur time di mana pengguna terakhir menggunakan halaman

Kami mendengarkan peristiwa mousemove dan keypress dan menggunakan setActivityTime sebagai pendengar peristiwa untuk merekam saat pengguna terakhir berinteraksi dengan halaman

Kemudian kami memiliki fungsi refresh_ yang memeriksa kapan pengguna terakhir berinteraksi dengan halaman

Jika waktunya lebih dari 60 detik, maka kami memanggil mousemove0 untuk memuat ulang halaman

Jika tidak, kami memanggil refresh_ lagi untuk memeriksa lagi dalam 10 detik

Sekarang halaman harus disegarkan jika belum berinteraksi selama lebih dari 60 detik

Kami dapat merekam waktu terakhir saat pengguna berinteraksi dengan halaman

Kemudian kita dapat memeriksa berapa lama aktivitas halaman terakhir dan menyegarkan berdasarkan perbandingan waktu jika diperlukan

Bagaimana cara me-refresh halaman setiap 5 menit dalam JavaScript?

Bagaimana cara menyegarkan halaman secara otomatis dalam JavaScript?

Bagaimana cara memuat ulang halaman setiap menit?

Bagaimana Anda memuat ulang halaman web setelah setiap 1 menit dengan HTML?