Javascript - interval, timeout & Date

971126chr·2021년 11월 19일
0

Javascript

목록 보기
14/19

interval란??

매번 일어나야 하는 어떠한 것을 의미한다.

setInterVal()

매 해당 기입된 시간마다 일어나야 할 때 쓴다.

위 코드는 5초(5000ms의 5000임)마다 Hello라는 글씨가 console 창에 뜨게된다.
interval을 셋팅해주는 것!

Timeout이란??

한번만 일어나야되면서 바로가 아닌 입력된 시간만큼 흐른 다음 일어나야 할 때 쓴다.

setTimeout()

위 코드와 똑같이 쓰인다.
Timeout을 셋팅해주는 것!

Date란??

console 창에 new Date()를 치면 오늘의 날짜가 나온다.
이렇듯 현재의 날짜 요일 시간(시,분,초) 등등의 값을 나타내준다.


이렇게 사용해주면 된다.
하지만 브라우저를 새로고침하면 1초를 기다려야 시간이 뜬다는 단점과,
초 단위가 10초 미만일 경우 1글자로 나타난다는 단점이 생겼다.

브라우저를 새로고침하면 1초를 기다려야 시간이 뜬다는 단점

브라우저가 로드되자마자 시간이 뜨게 하려면,
9번째 줄 코드처럼 해당 function을 즉시 호출 해주면 끝나는 간단한 문제다!

초 단위가 10초 미만일 경우 1글자로 나타난다는 단점

padStart()

string에 쓰일 수 있는 함수이다.
PadStart는 (글자수, "추가할 string");으로 쓰면 된다.
padStart이기 때문에 해당 string의 앞에 나타난다.
padEnd는 똑같이 사용하는데 string의 뒤에 나타난다.

그럼 글자수가 알맞거나 초과 시에는 작동을 안 한다.

profile
HR velog

0개의 댓글