[javascript] 5 초마다 페이지를 다시로드하는 방법?

하나의 레이아웃을 html로 변환하고 있습니다. F5를 칠 때마다 code / html / css를 변경하면 이것에 대한 간단한 자바 스크립트 / jQuery 솔루션이 있습니까? 즉, 스크립트를 추가 한 후 5 초마다 (또는 다른 특정 시간마다) 전체 페이지를 다시로드하십시오.



답변

 <meta http-equiv="refresh" content="5; URL=http://www.yourdomain.com/yoursite.html">

스크립트에 있어야하는 경우 다음 과 같이 setTimeout을 사용하십시오 .

setTimeout(function(){
   window.location.reload(1);
}, 5000);


답변

동일한 페이지를 다시로드하려면 두 번째 인수가 필요하지 않습니다. 당신은 사용할 수 있습니다 :

 <meta http-equiv="refresh" content="30" />

30 초마다 다시로드를 트리거합니다.


답변

3 초 후 자동 재로드 및 캐시 지우기를 위해 javascript setInterval 함수를 사용하여 쉽게 수행 할 수 있습니다. 간단한 코드는 다음과 같습니다

$(document).ready(function() {
  setInterval(function() {
    cache_clear()
  }, 3000);
});

function cache_clear() {
  window.location.reload(true);
  // window.location.reload(); use this if you do not remove cache
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<p>Auto reload page and clear cache</p>

그리고 이것을 위해 메타를 사용할 수도 있습니다

<meta http-equiv="Refresh" content="5">


답변

setTimeout(function () { location.reload(1); }, 5000);

그러나 개발 도구가 진행되면 https://addons.mozilla.org/en-US/firefox/addon/115를 사용하는 것이 좋습니다.


답변

IE를위한 자동 변경시 새로 고침 도구가 있습니다. 이름은 ReloadIt이며 http://reloadit.codeplex.com 에서 사용할 수 있습니다 . 비어 있는.

자동 새로 고침 할 URL을 선택하고 하나 이상의 디렉토리 경로를 지정하여 변경 사항을 모니터링합니다. F12를 눌러 모니터링을 시작하십시오.

여기에 이미지 설명을 입력하십시오

설정 한 후 최소화하십시오. 그런 다음 컨텐츠 파일을 편집하십시오. 변경 사항을 저장하면 페이지가 다시로드됩니다. 이처럼 :

여기에 이미지 설명을 입력하십시오

단순한. 쉬운.


답변

@jAndy가 제공 한 답변은 작동하지만 Firefox 에서는 문제가 발생할 수 있습니다. window.location.reload (1) ; 작동하지 않을 수 있습니다, 그것은 나의 개인적인 경험입니다.

그래서 제안하고 싶습니다 :

setTimeout(function() { window.location=window.location;},5000);

이것은 테스트되고 잘 작동합니다.


답변

firefox를 사용하는 경우 적절한 대안은 XRefresh 플러그인 입니다. 파일이 수정되었음을 감지 할 때마다 페이지를 다시로드합니다. 따라서 5 초마다 새로 고침하는 대신 HTML 편집기에서 저장을 누르면 새로 고침됩니다.