기초 지식 9 / 21

시간과 움직임: 타이머

'1초마다', '30초 뒤에'처럼 시간에 맞춰 일을 시켜요.

알람 시계처럼 프로그램에도 시간 약속을 걸 수 있어요. '1초마다 두더지 보여주기', '30초 뒤에 게임 끝내기' 같은 것이에요.

두더지 게임의 시간 약속

setInterval(showMole, 1000);← 1초(1000)마다 두더지를 보여줘요

setTimeout(endGame, 30000);← 30초 뒤에 한 번, 게임을 끝내요

원판이 부드럽게 도는 비밀 (CSS)

transition: transform 3s ease-out;← 3초 동안 처음엔 빠르게, 끝엔 천천히

시간은 1000분의 1초 단위로 적어요. 1000은 1초, 500은 0.5초예요.

내 프로그램에서 찾아보기

작업실 '코드' 탭에서 이 글자를 찾아보세요.

setIntervalsetTimeouttransition

작업실에서 해 보기

채팅창에 이렇게 보내 보세요.

“두더지가 나오는 속도를 지금보다 조금 느리게 해줘”

🧩 이 내용이 나오는 따라 만들기