TIL No.1 JS몇초 후 실행 (SetInterval)

Seunghyun Yoo·2020년 12월 30일
0
post-custom-banner

바로

setInterval 함수와 setTimeout 함수 입니다.

setInterval 함수!

  • 특정시간마다 계속 실행되는 함수!

    ex) 1초마다 계속 실행!

setTimeout 함수!

  • 특정시간이후 실행

    ex) 1초 후 실행!

제가 실제 사용한 예 입니다.

사용법 : setInterval('함수', 시간), 1000가 약 1초 입니다.

setInterval(function(){

			var time_text = '(' + time +'초 후 목록이 갱신됩니다.)';

			$("#count").text(time_text);

			time--;

		},1000);

해석 : time 값을 초기에 10으로 잡아두었습니다.

10 초 후 목록이 갱신됩니다.

9 초 후 목록이 갱신됩니다.

8 초 후 목록이 갱신됩니다.

이런식으로 출력이 됩니다.

사용법 : setTimeout('함수', 시간), 1000가 약 1초 입니다.

setTimeout("location.reload()", 11000);

해석 : 약 10초후 화면이 새로고침이 됩니다.

여기서 location.reload()<<<<<< 이 함수가 새로고침을 실행시킵니다.

은근히? 자주 사용되는 함수이므로 알아두시면 좋을 것 같습니다!

그럼 모두 화이팅 입니다.

profile
기본을 중요하게 생각하는 프론트엔드 개발자 유승현입니다! 🙋🏻‍♂️
post-custom-banner

0개의 댓글