setInterval() 사용법 => 2개의 인자를 받는다. => 1번째는 네가 실행하고자 하는 function => 2번째 인자는 호출되는 function 간격을 몇 ms로 할지 쓰면됨. 그러니까 매 호출 사이에 얼마나 기다릴지 시간을 써주면 됨. --------------------------------------------------------------------------------------------- 마지막줄 코드를 해석하면, 5초 마다 (5000ms) sayHello 함수 실행. 즉, 콘솔창에 5초 마다(간격)으로 hello 문자가 출력된다.
2. setInterval 을 이용하여 브라우저에 시간 출력하기
html
19. 00:00:00 을 기본으로 보여준다.
*위 사진 클릭하여 주석 확인
3. 결과
0. 미리보기
이전에는 시계 출력시 0~9초 사이에 "0" "1" "2"...."9" 이렇게 화면에 출력되었다. 좀 더 보기 좋게? "0"초를 => "00"초 로 나타내는 방법에 대해 알아보자.
padstart() 함수를 사용할텐데, 이 함수는 문자열 (string)만 적용되므로, 숫자인경우 문자열로 바꾸어 주어야한다.
1. padStart( , )
string(문자열) 1을 . padstart()를 이용하여 "01" 로 만들어주기.
문자열 . padstart( 원하는 길이 , 만약에 앞에 원하는 길이가 아니라면 앞쪽에 추가하고싶은거 적기) -> 위에 사진에서는 원하는 길이는 2이다. 그러나 "1" 은 길이가 1이므로 "1" 앞에 "0"을 추가해야한다.
=> 출력: "01" 이 나옴. ------------------------------------------------------------------------------------------------------------------ 한번 더 연습해보기.
그렇다면 위에 코드도 이해될 것이다. 문자열 11 의 길이가 2개가 아니면 문자열 11앞에 "0"을 추가하는 코드이다. 이미 길이가 2이므로 padstart()는 아무 작업도 하지 않고 "11"이 그대로 출력되는 것이다.
2. padEnd( , )
padEnd 는 padstart 와 반대? 개념이라고 생각하면 쉽다.
문자열 . padEnd( 원하는 길이 , 만약에 앞에 원하는 길이가 아니라면 뒷쪽에 추가하고싶은거 적기) -> 위에 사진에서는 원하는 길이는 2이다. 그러나 "1" 은 길이가 1이므로 "1" 뒤에 "0"을 추가해야한다.
padEnd 는 문자열 1의 길이가 2가 아니면 "0"을 "1"뒤에 적기 => "10" 이 출력된다.
