[JavaScript 강의] Your first JS Project (3)

dandb3·2024년 4월 3일
0

웹 개발

목록 보기
3/4

시간

setInterval(func, time)

매 주기(time)마다 함수(func)를 호출시켜주는 함수이다.

function func()
{
  console.log(1);
}

setInterval(func, 1000);

위와 같이 쓸 수 있다.
여기서 time의 단위는 ms로, 위 코드는 1초마다 func()를 호출해주는 코드이다.

setTimeout(func, time)

위 함수와 비슷하다.
다만 주기적이지는 않고, setTimeout() 호출시점 이후 time이 지나고 났을 때 func()를 호출하게 된다.

function func()
{
  console.log(1);
}

setTimeout(func, 1000);

위 코드는 1초 후에 func()를 호출해주는 코드이다.

Date object

이름 그대로 연도, 날짜, 시간과 관련된 정보들을 얻을 수 있는 객체이다.
코드만 봐도 대충 짐작이 갈 것이다.

const date = new Date();
console.log(`${date.getHours()}:${date.getMinutes()}:${date.getSeconds()}`);

위에서 알아봤던 setInterval()과 함께 사용하면 시계를 구현할 수 있을 것이다.

pad

  • padStart(size, string), padEnd(size, string)
    문자열 패딩을 해 주는 함수.
    size는 최소 사이즈, string은 최소 사이즈를 채울 때 사용되는 값이다.
  • 숫자 1을 "0"으로 패딩해주고 싶어요!!
    -> String(1).padStart(2, "0");

다양한 math의 함수.

  • random
  • ...

나머지는 귀찮음ㅎ 여기까지 합시다.

profile
공부 내용 저장소

0개의 댓글