메뉴 건너뛰기

XEDITION

Web

https://saem-ee.tistory.com/20


페이지 자동 새로고침

 

1.

<script>
function 함수이름(){  
       location.reload();
}
</script>

 

해당 함수를 호출하면 그 페이지가 새로고침되는 코드이다.

만일 일정 시간이 지나면 계속 자동 새로고침을 실행하고 싶다면 

 

2.

<script>
function 함수이름(){  
      setTimeout('location.reload()',10000); 
}
</script>

 

다음과 같이 setTimeout을 사용해 주면 된다. 10초마다 reload시켜주라는 코드이다.

 

 

 

특정 영역(div) 새로고침

 

3.

<script>
function 함수이름(){  
      $("#div의 id").load(window.location.href + "#div의 id");
}
</script>

 

페이지 전체가 아닌 특정한 영역만을 새로고침 하고싶다면 위와 같이 jQuery의 load함수를 활용해주면 된다. 그럼 $("#div의 id")에서 해당id를 가진 div영역이 함수 호출과 동시에 새로고침된다.

 

 


 

 

 

 

 

위로