JavaScript 5초 대기 (개발자 관점에서 작동 방식)
JavaScript 에서는 5초와 같이 특정 시간 동안 대기하는 것이 일반적인 요구 사항입니다. 동작을 지연시키거나 로딩 상태를 시뮬레이션하려는 경우, 동기 코드에서 JavaScript 로 지연을 구현하는 방법을 이해하는 것은 필수적입니다. 이 글에서는 JavaScript 에서 5초 동안 대기하는 다양한 방법을 살펴보고, 각 방법에 대한 예제를 통해 JavaScript 실행을 일시 중지하는 방법을 알아보겠습니다. 또한, 비동기 함수와 타임아웃 설정 함수를 사용하여 Node.js 용 IronPDF 이용해 PDF 파일을 생성할 것입니다.
1. setTimeout() 사용
setTimeout() 함수는 지정된 시간(밀리초) 후에 지정된 함수 또는 코드 조각을 실행하는 JavaScript 내장 함수입니다.
예
console.log("Start");
// Schedules a function to be executed after 5000 milliseconds (5 seconds)
setTimeout(() => {
console.log("Waited for 5 seconds");
}, 5000);
console.log("End");console.log("Start");
// Schedules a function to be executed after 5000 milliseconds (5 seconds)
setTimeout(() => {
console.log("Waited for 5 seconds");
}, 5000);
console.log("End");이 예제에서 setTimeout() 함수 내부의 코드는 5000밀리초(또는 5초)의 지연 후에 실행됩니다.
2. Promise와 async/await 사용하기
JavaScript 에서는 Promise를 async/await 와 함께 사용하여 지연을 만들 수 있는데, 이를 비동기 코드라고도 합니다.
예
async function delay() {
console.log("Start");
// Creates a promise that resolves after 5000 milliseconds (5 seconds)
await new Promise(resolve => setTimeout(resolve, 5000));
console.log("Waited for 5 seconds");
console.log("End");
}
// Call the async function
delay();async function delay() {
console.log("Start");
// Creates a promise that resolves after 5000 milliseconds (5 seconds)
await new Promise(resolve => setTimeout(resolve, 5000));
console.log("Waited for 5 seconds");
console.log("End");
}
// Call the async function
delay();이 예제에서 delay() 함수는 async/await를 사용하여 Promise를 통해 5초 동안 실행을 일시 중지합니다.
3. setInterval() 사용하기
setInterval() 함수는 일반적으로 반복적인 동작에 사용되지만, 원하는 시간이 지난 후 간격을 해제하여 일회성 지연을 생성하는 데에도 사용할 수 있습니다.
예
console.log("Start");
let timer = setInterval(() => {
console.log("Waited for 5 seconds");
// Clear the interval after the desired delay
clearInterval(timer);
}, 5000);
console.log("End");console.log("Start");
let timer = setInterval(() => {
console.log("Waited for 5 seconds");
// Clear the interval after the desired delay
clearInterval(timer);
}, 5000);
console.log("End");여기서 setInterval() 함수는 clearInterval() 함수로 간격을 초기화할 때까지 5초마다 제공된 함수를 반복 실행합니다.
5. IronPDF JS 소개
IronPDF JavaScript 라이브러리는 개발자가 클라이언트 측 JavaScript 에서 직접 PDF 문서를 조작하고 생성할 수 있도록 하는 JavaScript 라이브러리입니다. 이 프로그램은 JavaScript 사용하여 PDF 파일을 생성, 편집 및 변환하는 다양한 기능을 제공합니다.
IronPDF JS 설치 중
IronPDF JS를 사용하려면 먼저 프로젝트에 IronPDF JavaScript 라이브러리를 포함해야 합니다. CDN을 통해 포함시키거나 IronPDF 웹사이트에서 직접 다운로드할 수 있습니다.
npm install @ironsoftware/ironpdfnpm install @ironsoftware/ironpdf6. IronPDF 에서 JavaScript 사용하여 5초간 대기
이제 다음 코드 스니펫에서 비동기 JavaScript 인터프리터를 사용하여 5초 동안 기다린 후 PDF 문서를 생성하기 위해 JavaScript 코드 지연 기법을 IronPDF 와 결합하는 방법을 살펴보겠습니다.
코드 예제
import { PdfDocument } from "@ironsoftware/ironpdf";
(async () => {
const html = `<html><body><h1>Hello, IronPDF!</h1></body></html>`;
// Wait for 5 seconds
await new Promise(resolve => setTimeout(resolve, 5000));
// Create PDF from the HTML content
const pdfDocument = await PdfDocument.fromHtml(html);
// Save the PDF file
await pdfDocument.saveAs("Waited.pdf");
console.log("PDF Created after wait");
})();import { PdfDocument } from "@ironsoftware/ironpdf";
(async () => {
const html = `<html><body><h1>Hello, IronPDF!</h1></body></html>`;
// Wait for 5 seconds
await new Promise(resolve => setTimeout(resolve, 5000));
// Create PDF from the HTML content
const pdfDocument = await PdfDocument.fromHtml(html);
// Save the PDF file
await pdfDocument.saveAs("Waited.pdf");
console.log("PDF Created after wait");
})();이 코드 조각에서 비동기 함수는 async/await 와 setTimeout()을 사용하여 5초 동안 기다립니다. 지연 후, IronPDF의 PdfDocument.fromHtml() 메서드를 사용하여 간단한 HTML 콘텐츠로 새 PDF 문서를 생성합니다. PDF 생성 코드를 특정 요구 사항에 맞게 수정하거나 생성된 PDF 데이터를 추가 처리에 사용할 수 있습니다.
무료로 시작하세요
무료로 시작하세요
무료 라이브 데모 예약하기
신용카드나 계정 생성은 필요하지 않습니다.
