>  기사  >  웹 프론트엔드  >  정기적으로 웹 페이지를 자동으로 새로 고치는 방법은 무엇입니까?

정기적으로 웹 페이지를 자동으로 새로 고치는 방법은 무엇입니까?

王林
王林앞으로
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(&#39;page loaded!&#39;);
         setInterval(() => {
            window.location = window.location.href;
         }, 2000)
      }
   </script>
</body>
</html>

결론

이 기사에서는 HTML5와 JavaScript라는 두 가지 방법을 사용하여 고정된 시간 후에 웹 애플리케이션을 자동으로 새로 고치는 방법을 배웠습니다. 첫 번째 방법에서는 "meta" 태그의 "http-equiv" 속성을 사용하고, 두 번째 방법에서는 "setInterval" 브라우저 API를 사용합니다.

위 내용은 정기적으로 웹 페이지를 자동으로 새로 고치는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 tutorialspoint.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제