>웹 프론트엔드 >JS 튜토리얼 >JavaScript의 마스터 타이머 기능 및 지연된 실행

JavaScript의 마스터 타이머 기능 및 지연된 실행

王林
王林원래의
2023-11-03 16:15:211396검색

JavaScript의 마스터 타이머 기능 및 지연된 실행

JavaScript의 타이머 기능과 지연 실행을 익히려면 특정 코드 예제가 필요합니다.

JavaScript에서는 일정에 따라 특정 코드를 실행해야 하는 상황이 자주 발생합니다. 이때 작업을 완료하려면 타이머 기능과 지연 실행 기술을 사용해야 합니다.

JavaScript는 setInterval() 및 setTimeout()이라는 두 가지 타이머 함수를 제공합니다. setInterval() 함수는 지정된 시간 간격으로 코드 조각을 반복적으로 실행할 수 있으며, setTimeout() 함수는 지정된 시간 이후에 코드 조각을 실행합니다.

다음은 이 두 함수를 사용하는 구체적인 예입니다.

  1. setInterval() 타이머 함수를 사용하세요.
    setInterval() 함수는 지정된 시간 간격으로 함수나 코드 블록을 반복적으로 실행할 수 있습니다. 다음은 setInterval() 함수를 사용하여 1초마다 "Hello World!"를 출력하는 예입니다.
function sayHello() {
  console.log("Hello World!");
}

setInterval(sayHello, 1000);

위 코드에서는 "Hello World!"를 출력하는 sayHello()라는 함수를 정의합니다. 그런 다음 setInterval() 함수를 사용하고 sayHello 함수를 매개변수로 전달하고 시간 간격을 1000밀리초(예: 1초)로 지정합니다. 이런 방식으로 sayHello 함수가 1초마다 실행됩니다.

  1. setTimeout() 타이머 함수를 사용하세요
    setTimeout() 함수는 지정된 시간 후에 함수나 코드 블록을 실행할 수 있습니다. 다음은 setTimeout() 함수를 사용하여 3초 지연 후 "Hello World!"를 출력하는 예입니다.
function sayHello() {
  console.log("Hello World!");
}

setTimeout(sayHello, 3000);

위 코드에서는 "Hello World!"를 출력하는 sayHello()라는 함수도 정의합니다. " . 그런 다음 setTimeout() 함수를 통해 sayHello 함수를 매개변수로 전달하고 지연 시간을 3000밀리초(예: 3초)로 지정합니다. 이런 식으로 3초 후에 sayHello 함수가 실행됩니다.

함수를 매개변수로 직접 전달하는 것 외에도 익명 함수를 사용하여 코드 블록을 전달할 수도 있습니다. 다음은 익명 함수를 사용한 예입니다.

setTimeout(function() {
  console.log("Hello World!");
}, 3000);

위 코드에서는 setTimeout() 함수의 매개변수로 익명 함수를 사용했습니다. 이 익명 함수에는 "Hello World!"를 출력하는 데 사용되는 코드 한 줄만 있습니다. 마찬가지로 이 익명 함수는 3초 후에 실행됩니다.

요약
타이머 함수 setInterval() 및 setTimeout()은 JavaScript에서 널리 사용되며 정기적으로 코드를 실행해야 할 필요성을 인식하는 데 도움이 될 수 있습니다. 사용법을 배우고 익히면 예약된 다양한 작업의 요구 사항에 더 잘 대처하고 특정 비즈니스 시나리오와 함께 유연하게 사용할 수 있습니다.

위 내용은 JavaScript의 마스터 타이머 기능 및 지연된 실행의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.