정기적으로 웹 페이지를 자동으로 새로 고치는 방법은 무엇입니까?
- 王林앞으로
- 2023-09-04 11:21:063228검색
"http-equiv" 속성이 있는 "meta" 태그를 사용하거나 setInterval() 브라우저 API를 사용하여 웹 페이지를 자동으로 새로 고칠 수 있습니다. 웹 사이트를 자동으로 새로 고치는 특정 사용 사례가 있습니다. 예를 들어 날씨 조회 웹 애플리케이션을 만들 때 사용자에게 특정 위치에 대해 거의 정확한 날씨 데이터를 표시하기 위해 설정된 간격 후에 웹 사이트를 새로 고치고 싶을 수 있습니다.
자동 새로고침 웹사이트를 설정하는 방법을 알아보려면 아래 두 가지 방법을 살펴보겠습니다.
방법 1
이 방법에서는 "meta" 태그의 "http-equiv" 속성을 사용하여 "content" 속성에 특정 간격이 지난 후 웹 애플리케이션을 새로 고칩니다. HTML5 사양은 기본적으로 메타 태그를 제공합니다.
Syntax
<meta http-equiv="refresh" content="n">
여기의 "n"은 페이지를 새로 고치는 데 걸리는 시간(초)을 나타내는 양의 정수입니다.
Example
이 예에서는 "meta" 태그의 "http-equiv" 속성을 사용하여 2초마다 웹 애플리케이션을 새로 고칩니다.
<!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에.
Syntax
setInterval(callback_fn, time_in_ms)
"setInterval()"에는 2개의 매개변수가 있습니다. 첫 번째는 지연 후에 실행되는 콜백 함수이고, 두 번째는 밀리초 단위로 제공되는 지연입니다.
Example
이 예에서는 "setInterval()" 브라우저 API를 사용하여 2초마다 웹 애플리케이션을 새로 고칩니다.
<!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라는 두 가지 방법을 사용하여 고정된 시간 후에 웹 애플리케이션을 자동으로 새로 고치는 방법을 배웠습니다. 첫 번째 방법에서는 "meta" 태그의 "http-equiv" 속성을 사용하고, 두 번째 방법에서는 "setInterval" 브라우저 API를 사용합니다.
위 내용은 정기적으로 웹 페이지를 자동으로 새로 고치는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!