資料結構
網路
RDBMS
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
時尚研究
法律研究如何在固定時間自動重新整理網頁？
我們可以透過使用帶有“http-equiv”屬性的“meta”標籤或使用 setInterval() 瀏覽器 API 來自動重新整理網頁。自動重新整理網站有一些特定的用例，例如，在建立天氣查詢 Web 應用程式時，我們可能希望在設定的時間間隔後重新整理我們的網站，以便向用戶顯示某個位置的近似準確的天氣資料。
讓我們看看下面的兩種方法，以瞭解如何設定自動重新整理網站。
方法 1
在這種方法中，我們將使用“meta”標籤的“http-equiv”屬性在特定時間間隔後重新整理我們的 Web 應用程式，該時間間隔在其“content”屬性中傳遞。meta 標籤在 HTML5 規範中預設提供給我們。
語法
<meta http-equiv="refresh" content="n">
這裡，“n”是一個正整數，表示在重新整理頁面之前要等待的秒數。
示例
在本例中，我們將使用“meta”標籤的“http-equiv”屬性每 2 秒重新整理一次我們的 Web 應用程式。
<!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>
方法 2
在這種方法中，我們將使用瀏覽器提供的“setInterval()”API，它允許我們在每隔一段時間後執行一段特定的程式碼，這兩者都作為引數傳遞給瀏覽器 API。
語法
setInterval(callback_fn, time_in_ms)
“setInterval()”接受兩個引數，第一個是延遲後觸發的回撥函式，第二個是以毫秒為單位提供的延遲。
示例
在本例中，我們將使用“setInterval()”瀏覽器 API 每 2 秒重新整理一次我們的 Web 應用程式。
<!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>
結論
在本文中，我們學習瞭如何使用兩種不同的方法，使用 HTML5 和 JavaScript 在固定時間後自動重新整理我們的 Web 應用程式。在第一種方法中，我們使用了“meta”標籤的“http-equiv”屬性，在第二種方法中，我們使用了“setInterval”瀏覽器 API。
更新於: 2023 年 2 月 22 日
8K+ 瀏覽量
廣告