[JavaScript] 자바스크립트에서 시간 주기 작업하기

214_자바스크립트에서 시간 주기 작업하기 [적용] 주기적으로 작업을 처리하고 싶을 때 애니메이션 관련 함수를 호출하고 싶을 때 [문법] 메소드 의미 반환 setInterval( 함수, 밀리초) 지정 시간 간격으로 연속 함수 호출 숫자 [내용] setInterval()을 사용해 지정 밀리초 간격으로 함수를 실행할 수 있다. setTimeout()은 함수를 한 번만 호출하지만, setInterval()은 지정 시간 간격으로 연속 실행한다. JavaScript main.js setInterval(timer1, 1000); // 1000밀리초 간격으로 실행 function timer1() { // 처리 작업 } 첫 번째 인수는 함수, 두 번째 인수는 반복 간격(밀리초 단위)을 전달하며, 함수는 익명 함수(An..

2022.07.29

[JavaScript] 자바스크립트에서 카운트다운 만들기

086_자바스크립에서 카운트다운 만들기 [적용] 제한 시간을 지정하여 카운트다운하고 싶을 때 [문법] 메소드 의미 setInterval(함수, 밀리초) 밀리초 후 함수 실행 [내용] 시간의 차이를 계산하여 카운트 다운을 만들어 보자. setInterval()은 지정한 밀리초마다 함수를 실행한다. 목표 시간과 경과 시간의 차를 구하여 카운트다운을 처리해 보자. const totalTime = 10000; // 10초 const oldTime = Date.now(); const timerId = setInterval(() => { const currentTime = Date.new(); // 시간의 차를 구함 const diff = currentTime - oldTime; // 남은 밀리초 계산 const ..

2022.06.11