setTimeout(), setInterval()

 

setTimeout(function, delay, param1, param2 ...); 

 -  고정된 delay를 보장받음

-  한번만

 

setInterval(function, delay, param1, param2 ...);   

-  지정된 delay에 함수 실행 시간이 포함됨

- 주기적으로

 

---

<%response.setIntHeader("Refresh",1);%>
<h5><%=new Date().toLocaleString() %></h5>

 

위 코드를 실행하게 되면 1초마다 페이지를 새로고침하게 되는데

그렇게 되면 서버에 부하가 발생함

 

 

function gogo(){
		let today = new Date();
		console.log("today: "+today);
		
		let year = today.getFullYear(); //2024
		let month = ('0' + (today.getMonth() +1)).slice(-2); //10월
		let day = ('0' + today.getDate()).slice(-2); //15
		
		let dateString = year + "-" + month + "-" + day;
		
		let hours = ('0'+today.getHours()).slice(-2);
		let minutes = ('0'+today.getMinutes()).slice(-2);
		let seconds = ('0'+today.getSeconds()).slice(-2);
		let timeString = hours +":"+minutes+":"+seconds;
		
		document.getElementById('p1').innerHTML= dateString+" "+timeString;
	}
	
	setInterval(gogo, 1000);

 

document는 body태그 안에 있는 요소를 뜻하고, 

서버쪽이 아닌 클라이언트쪽에서 돌기때문에 서버 부하 없음. (그룹웨어, 출결 관리 등의 기능을 만들때 사용)

 

 

 

 

---

 

 

setTimeout의 return값은 스톱워치를 가리키는 id를 return함

setTimeout을 종료하기 위해서는 clearTimeout() 사용

 

timerId = setTimeout(fMove, 50);
clearTimeout(timerId); //종료