Please Enable JavaScript!
Gon[ Enable JavaScript ]

[Javascript] 자바스크립트 웹 페이지 자동 새로 고침 적용하기

자바스크립트

[Javascript] 자바스크립트 웹 페이지 자동 새로 고침 적용하기

 

환경: Eclipse Mars, Android 4.2.2

 

일정 시간이 지났을 때 웹 페이지를 자동으로 새로 고침 해주는 소스입니다. setTimeout()함수를 이용해서 정 해진 시간 간격마다 페이지 로딩 함수를 수행하게 하였습니다. 현재 시간 값을 출력하였으므로 제대로 새로 고침이 되는지 알 수 있습니다.

 

아래 그림처럼 HTML 을 실행하게 웹페이지에 시간을 표시해 주고 일정시간이 지났을때 새로 고침되면서 다시 시간을 표시해 줍니다 

 

reload() 함수는 현재 웹 페이지를 다시 불러오게 합니다. 브라우저에서 F5 단축키를 누른것과 같습니다. reload() true 를 입력했을 때와 아무것도 넘기지 않았을 때는 다르게 동작합니다.

 

¤ window.location.reload() : 컴퓨터에 이미 받아놓은 캐쉬파일을 뒤지고 없으면 서버에서 파일을 받아옵니다.

¤ window.location.reload(true) : true 가 들어가게 되면 캐쉬파일은 무시하고 무조건 서버에서 받아오게 됩니다.

 

setTimeout() 함수의 첫번째 인수로 reload() 함수를 넘기고 두번째 인수로 반복할 시간을 전달합니다. 새로 고침할때마다 현재 시간을 표시하기 때문에 제대로 되는지 쉽게 알수 있습니다. 

<HTML>
<HEAD>
<meta charset="EUC-KR">
<title>자동으로 새로고침 하기 </title>
<SCRIPT type="text/javascript"> 
<!--
	var today = new Date();
	var strTime = "<H2>현재 시간은 ";
	strTime += today.getHours()+"시 ";
	strTime += today.getMinutes()+"분 "
	strTime += today.getSeconds()+"초. "
	document.write(strTime);
	
	setTimeout("location.reload()",6000)
//-->
</SCRIPT> 
</HEAD>
<BODY>
</BODY>
</HTML>


Posted by 녹두장군

댓글을 달아 주세요