Rumah > Artikel > hujung hadapan web > Bagaimana untuk memuat semula halaman web secara automatik pada selang masa yang tetap?
Bagaimana untuk memuat semula halaman web secara automatik pada selang masa yang tetap?
- 王林ke hadapan
- 2023-09-04 11:21:063228semak imbas
Kami boleh memuat semula halaman web secara automatik dengan menggunakan teg "meta" dengan atribut "http-equiv", atau menggunakan API pelayar setInterval(). Terdapat kes penggunaan tertentu untuk memuat semula tapak web secara automatik, contohnya, semasa membuat aplikasi web carian cuaca, kami mungkin mahu memuat semula tapak web kami selepas selang masa yang ditetapkan untuk menunjukkan kepada pengguna data cuaca yang hampir tepat untuk lokasi tertentu.
Mari kita lihat dua kaedah di bawah untuk mengetahui cara menyediakan tapak web muat semula automatik.
Kaedah 1
Dalam kaedah ini, kami akan menggunakan atribut "http-equiv" bagi teg "meta" untuk menyegarkan semula aplikasi web kami selepas selang waktu tertentu diluluskan dalam atribut "kandungan". Spesifikasi HTML5 memberikan kami tag meta secara lalai.
Syntax
<meta http-equiv="refresh" content="n">
"n" di sini ialah integer positif, menunjukkan bilangan saat untuk memuat semula halaman.
Contoh
Dalam contoh ini, kami akan menggunakan atribut "http-equiv" bagi teg "meta" untuk memuat semula aplikasi web kami setiap 2 saat.
<!DOCTYPE html> <html lang="en"> <head> <title>How to Automatic Refresh a web page in fixed time?</title> <meta http-equiv="refresh" content="2"> </head> <body> <h3>How to Automatic Refresh a web page in fixed time?</h3> </body> </html>
Kaedah 2
Dalam kaedah ini, kami akan menggunakan API "setInterval()" yang diberikan kepada kami oleh penyemak imbas, yang membolehkan kami menjalankan sekeping kod selepas tempoh masa tertentu, yang kedua-duanya diluluskan sebagai parameter kepada API Pelayar.
Syntax
setInterval(callback_fn, time_in_ms)
"setInterval()" mempunyai 2 parameter, yang pertama ialah fungsi panggil balik yang dicetuskan selepas kelewatan, yang kedua ialah kelewatan yang disediakan dalam milisaat.
Contoh
Dalam contoh ini, kami akan menggunakan API penyemak imbas “setInterval()” untuk memuat semula aplikasi web kami setiap 2 saat.
<!DOCTYPE html>
<html lang="en">
<head>
<title>How to Automatic Refresh a web page in fixed time?</title>
</head>
<body>
<h3>How to Automatic Refresh a web page in fixed time?</h3>
<script>
window.onload = () => {
console.clear()
console.log('page loaded!');
setInterval(() => {
window.location = window.location.href;
}, 2000)
}
</script>
</body>
</html>Kesimpulan
Dalam artikel ini, kami mempelajari cara memuat semula aplikasi web kami secara automatik selepas masa yang ditetapkan menggunakan dua kaedah berbeza, HTML5 dan JavaScript. Dalam kaedah pertama, kami menggunakan atribut "http-equiv" bagi teg "meta", dan dalam kaedah kedua, kami menggunakan API pelayar "setInterval".
Atas ialah kandungan terperinci Bagaimana untuk memuat semula halaman web secara automatik pada selang masa yang tetap?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!