JavaScript 새로 고침 페이지 타이머
이 기사에서는 JavaScript의 새로 고침 페이지 타이머에 대해 설명합니다. HTML 페이지에서 JavaScript를 코딩하여 5초마다 페이지를 자동으로 새로 고치는 방법을 살펴보겠습니다.
웹 페이지를 수동으로 새로 고치는 것은 이제 JavaScript의 도움으로 브라우저에서 웹 페이지를 자동으로 새로 고칠 수 있으므로 시간 낭비 프로세스와 노력으로 보입니다. 이제 JavaScript를 사용하여 어떻게 할 수 있는지 이해해 봅시다.
JavaScript를 사용하여 웹 페이지 자동 새로 고침
JavaScript를 사용하여 웹 페이지를 자동으로 새로 고칠 수 있습니다. HTML 페이지에서 JavaScript를 사용하여 특정 시간(초) 후에 웹 페이지를 새로 고칠 수 있습니다.
JavaScript의 location.reload 메서드를 사용하여 웹 페이지를 자동으로 새로 고칠 수 있습니다. JavaScript에서 이 메서드를 사용하면 이벤트 또는 사용자가 링크를 클릭할 때 코드가 자동으로 호출될 수 있습니다.
마우스 클릭을 사용하여 웹 페이지를 새로 고치려면 다음 코드를 사용합니다.
마우스 클릭을 사용하는 예제 코드:
<html>
<head>
<title>JavaScript refresh page</title>
</head>
<body>
<button>
<a href="javascript:location.reload(true)"> Click Refresh the Page</a></button>
</body>
</html>
출력:
출력에서 볼 수 있듯이 웹 페이지를 새로 고치는 클릭 버튼 옵션이 있습니다. 사용자가 클릭 버튼을 클릭하면 웹 페이지가 새로 고쳐집니다.
JavaScript를 사용하여 마우스 클릭으로 웹 페이지를 새로 고칠 수 있습니다.
JavaScript를 사용하여 5초마다 웹 페이지 자동 새로 고침
또한 JavaScript를 사용하여 주어진 시간 후에 웹 페이지를 자동으로 새로 고칠 수 있습니다. 이 경우 5초의 시간을 주었습니다.
location.reload 메소드 및 setTimeout() 기능 사용; 5초마다 웹 페이지를 새로 고칠 수 있습니다. setTimeout()은 주어진 시간 간격 후에 다른 기능을 실행하는 데 사용하는 내장 JavaScript 기능입니다.
이 방법을 더 잘 이해하기 위해 다음 예제 코드를 사용해 봅시다. 다음 코드에는 JavaScript를 사용한 HTML 코드가 있습니다.
JavaScript에서는 setTimeout 함수를 사용하여 코드에서 location.reload()를 실행했습니다. 코드의 본문 섹션에서 요구 사항에 따라 변경할 수 있는 5초를 지정했습니다.
이 코드를 실행하면 웹 페이지가 5초마다 자동으로 새로 고쳐집니다.
5초마다 웹 페이지를 새로 고치는 예제 코드:
<html>
<head>
<script type = "text/JavaScript">
function AutoRefresh( t ) {
setTimeout("location.reload(true);", t);
}
</script>
</head>
<body onload = "JavaScript:AutoRefresh(5000);">
<p>Your Page will refresh every 5 seconds!</p>
</body>
</html>
코드 출력:
보시다시피 코드를 실행한 후 출력에 이 메시지가 표시됩니다. 이는 웹 페이지가 5초마다 자동으로 새로 고침됨을 의미합니다.
JavaScript를 사용하여 5초마다 자동으로 웹 페이지를 새로 고치는 방법입니다.
이 기사가 JavaScript를 사용하여 웹 페이지를 자동으로 새로 고치는 방법을 이해하는 데 도움이 되기를 바랍니다.
My name is Abid Ullah, and I am a software engineer. I love writing articles on programming, and my favorite topics are Python, PHP, JavaScript, and Linux. I tend to provide solutions to people in programming problems through my articles. I believe that I can bring a lot to you with my skills, experience, and qualification in technical writing.
LinkedIn