[javascript]반복 실행되는 함수(초시계) 만들기 : setInterval()

대부분의 함수는 태그안에 onchange, onclick등의 속성을 이용해 함수를 호출(실행)한다

하지만 setInterval()함수는 위치에 따라서 호출이 필요없이 설정한 시간에 따라서 계속해서 반복 실행 되는 함수이다

이 함수를 이용해서 계속해서 움직이는 시간, 비/눈 내리는 효과 등등을 만들 수 있다

이 함수의 경우에는 혼자서 계속 실행 되는 함수이기 때문에 멈춰주는 함수 clearInterval()를 같이 사용해 준다

setInterval 사용법

setInterval(실행 될 내용, 시간)으로

실행 될 내용은 직접입력 해 줘도 돼고 함수를 연결 해 주어도 된다

시간은 1000이 1초이고 필요한 시간만큼을 변수 또는 직접입력해 주면 된다

 

setInterval를 이용한 초시계 만들기

setInterval()과 clearInterval()을 잘 사용하면 타이머, 알람 등등을 만들 수 있다

See the Pen Untitled by korearaogong (@korearaogong) on CodePen.

 

물론 이것보다 더 단순하게 만들 수 있다