JavaScript는 웹 개발에서 많은 기능을 제공하는 프로그래밍 언어입니다. 그 중에서도 타이머 기능은 시간을 제어하고 웹 애플리케이션에 다양한 동작을 구현하는 데에 매우 유용합니다. 이번 포스트에서는 JavaScript에서 타이머를 어떻게 활용할 수 있는지에 대해 알아보겠습니다.

setTimeout 함수: 일정 시간 후에 코드 실행하기

가장 간단한 타이머 함수인 setTimeout 함수는 일정 시간이 지난 후에 특정 코드를 실행합니다. 이 함수는 두 개의 매개변수를 받습니다. 첫 번째 매개변수는 실행할 함수이고, 두 번째 매개변수는 지연할 시간(밀리초 단위)입니다.

다음은 setTimeout 함수를 사용하여 3초 후에 “안녕하세요!”라는 메시지를 출력하는 예제 코드입니다.

setTimeout(function() {
    console.log("안녕하세요!");
}, 3000);

setTimeout 함수를 사용하면 웹 애플리케이션에서 특정 작업을 일정 시간이 지난 후에 실행할 수 있습니다. 예를 들어, 사용자의 입력을 기다리는 동안에 로딩 스피너를 표시하고, 일정 시간이 지나면 자동으로 결과를 표시하는 등 다양한 상황에서 사용할 수 있습니다.

setInterval 함수: 일정 간격으로 반복 실행하기

setInterval 함수는 setTimeout 함수와 비슷하지만 일정한 간격으로 코드를 반복해서 실행합니다. setInterval 함수는 setTimeout 함수와 마찬가지로 두 개의 매개변수를 받습니다.

다음은 setInterval 함수를 사용하여 1초 간격으로 현재 시간을 출력하는 예제 코드입니다.

setInterval(function() {
    var date = new Date();
    console.log("현재 시간은 " + date.toLocaleTimeString() + "입니다.");
}, 1000);

setInterval 함수를 사용하면 웹 애플리케이션에서 주기적으로 반복되는 작업을 처리할 수 있습니다. 예를 들어, 실시간 채팅 기능이나 주식 시세 업데이트 등에서 사용할 수 있습니다.

#javascript #타이머