Altbilgi içeriğine atla
NODE YARDıM

JavaScript 5 Saniye Bekle (Geliştiriciler İçin Nasıl Çalışır)

JavaScript'te belirli bir süre, örneğin 5 saniye beklemek yaygın bir gerekliliktir. Bir eylemi ertelemek veya bir yükleme durumu simüle etmek isteyip istemediğinizden bağımsız olarak, JavaScript'te bir gecikme uygulamanın nasıl yapıldığını anlamak, senkron kodlarda çok önemlidir. Bu makalede, JavaScript'te 5 saniye beklemek için çeşitli yöntemleri inceleyeceğiz ve JavaScript yürütmesini duraklatmak için her yöntemin örneklerini sunacağız. Ayrıca, asenkron işlevler ve set timeout işlevleri kullanarak PDF dosyaları IronPDF for Node.js yardımıyla oluşturacağız.

1. setTimeout() Kullanarak

setTimeout() işlevi, belirli bir işlev veya kod parçasını belirli bir milisaniye gecikmesinden sonra yürüten bir yerleşik JavaScript işlevidir.

Örnek

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");
JAVASCRIPT

Bu örnekte, setTimeout() işlevindeki kod, 5000 milisaniye (veya 5 saniye) gecikmeden sonra çalışacaktır.

JavaScript 5 Saniye Bekleme (Geliştiriciler İçin Nasıl Çalışır): Şekil 1 - setTimeout() işlevini kullanarak JavaScript setTimeout() ile konsol çıktısı ve 5000 milisaniye veya 5 saniye bekleme.

2. Promises ve async/await Kullanarak

async/await ile birlikte Promises'i de kullanarak JavaScript'te bir gecikme yaratabilirsiniz, bu da asenkron kod olarak bilinir.

Örnek

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();
JAVASCRIPT

Bu örnekte, delay() işlevi, bir Promis kullanarak 5 saniye boyunca yürütmeyi duraklatmak için async/await kullanıyor.

JavaScript 5 Saniye Bekleme (Geliştiriciler İçin Nasıl Çalışır): Şekil 2 - setTimeout() işlevini asenkron şekilde bir Promise ile kullanarak konsol çıktısı ve 5000 milisaniye veya 5 saniye bekleme.

3. setInterval() Kullanarak

setInterval() işlevi genellikle tekrarlanan eylemler için kullanılsa da, istenen süre sonra interval'i silerek bir defalık gecikme yaratmak için de kullanabilirsiniz.

Örnek

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");
JAVASCRIPT

Burada, setInterval() işlevi verilen işlevi 5 saniyede bir tekrarlayacak, ardından clearInterval() işlevi ile intervali temizleyeceğiz.

JavaScript 5 Saniye Bekleme (Geliştiriciler İçin Nasıl Çalışır): Şekil 3 - setInterval() yöntemini kullanarak JavaScript ile konsol çıktısı ve 5000 milisaniye veya 5 saniye bekleme. . Ardından clearInterval() işlevini kullanarak intervali temizleme.

4. Yeni Promise() Kullanarak

Belirtilen bir gecikmeden sonra çözülen bir Promise oluşturmak için yeni Promise() kullanabilirsiniz.

Örnek

console.log("Start");

// Delay function that returns a promise which resolves after `ms` milliseconds
const delay = (ms) => new Promise(resolve => setTimeout(resolve, ms));

// Use the delay function
delay(5000).then(() => {
    console.log("Waited for 5 seconds");
    console.log("End");
});
console.log("Start");

// Delay function that returns a promise which resolves after `ms` milliseconds
const delay = (ms) => new Promise(resolve => setTimeout(resolve, ms));

// Use the delay function
delay(5000).then(() => {
    console.log("Waited for 5 seconds");
    console.log("End");
});
JAVASCRIPT

Bu örnekte, delay() işlevi 5 saniye sonra çözülen bir Promise döndürüyor ve .then() ile gecikmeden sonraki kodu yürütüyor.

⟨IMG⟩ JavaScript 5 Saniye Bekleme (Geliştiriciler İçin Nasıl Çalışır): Şekil 4 - Bir Promise ve JavaScript delay() ve then() işlevlerini kullanarak konsol çıktısı ve 5 saniye bekleme. ⟨/IMG⟩

5. IronPDF JS Tanıtımı

IronPDF JavaScript Kitaplığıyla PDF Oluşturma, geliştiricilerin istemci tarafındaki JavaScript'ten doğrudan PDF belgelerini düzenlemelerine ve oluşturmalarına olanak tanıyan bir JavaScript kitaplığı sağlar. JavaScript kullanarak PDF dosyaları oluşturma, düzenleme ve dönüşüm yapma için çeşitli olanaklar sunar.

IronPDF JS Kurulumu

IronPDF JS'yi kullanmaya başlamak için projenize IronPDF JavaScript kitaplığını eklemeniz gerekmektedir. Bunu CDN yoluyla veya IronPDF web sitesinden doğrudan indirerek ekleyebilirsiniz.

npm install @ironsoftware/ironpdf
npm install @ironsoftware/ironpdf
SHELL

6. JavaScript ile 5 Saniye Bekleme ve IronPDF Kullanma

Şimdi, JavaScript kod gecikme tekniklerini IronPDF ile birleştirip, asenkron JavaScript yorumlayıcısını kullanarak aşağıdaki kod parçasında 5 saniye bekledikten sonra bir PDF belgesi oluşturmayı göreceğiz.

Kod Örneği

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");
})();
JAVASCRIPT

Bu kod parçasında, async işlevi async/await ve setTimeout() kullanarak 5 saniye bekler. Gecikmeden sonra, IronPDF'nin PdfDocument.fromHtml() yöntemini kullanarak basit HTML içeriğiyle yeni bir PDF belgesi oluşturur. PDF oluşturma kodunu özel gereksinimlerinizle değiştirebilir veya üretilen PDF verisini daha fazla işlem için kullanabilirsiniz.

JavaScript 5 Saniye Bekleme (Geliştiriciler İçin Nasıl Çalışır): Şekil 5 - setTimeout() işleviyle JavaScript kullanarak konsol çıktısı ve 5 saniye bekleme. Ardından, IronPDF kodu HTML dizgelerini PDF belgelerine dönüştürmek için çalışır ve konsolda Beklemeden sonra PDF Oluşturuldu mesajını gösterir.

Sonuç

JavaScript'te belirli bir süre beklemek, geliştiricilerin sıkça karşılaştığı yaygın bir görevdir. Bu makalede, setTimeout(), async/await ile Promises, setInterval() ve yeni Promise() ile JavaScript uyku fonksiyonu kullanarak JavaScript'te 5 saniye beklemenin çeşitli yöntemlerini inceledik.

Ayrıca JavaScript kullanarak PDF dosyalarını yönetmek için IronPDF JS tanıttık. Daha fazla kod örneği için IronPDF Node.js Örnekleri sayfasını ziyaret edin.

Bu teknikleri ve araçları anlayarak, JavaScript uygulamalarınızda gecikmeleri etkili bir şekilde uygulayabilir ve PDF belgeler oluşturma veya asenkron işlemleri gerçekleştirme gibi daha karmaşık görevlerde kullanabilirsiniz. Yeni başlayan ya da deneyimli bir geliştirici olmanız fark etmeksizin, bu temellerin sağlam bir kavranışına sahip olmak, kodlama becerilerinizi geliştirir ve daha verimli ve sağlam JavaScript uygulamaları yazmanıza olanak tanır.

Darrius Serrant
Tam Yığın Yazılım Mühendisi (WebOps)

Darrius Serrant, Miami Üniversitesi'nden Bilgisayar Bilimleri lisans derecesine sahiptir ve Iron Software'de Tam Yığın WebOps Pazarlama Mühendisi olarak çalışmaktadır. Küçük yaşlardan itibaren kodlamaya ilgi duyan Darrius, bilişimi hem gizemli hem de erişilebilir buldu ve onu yaratıcılık ve problem çö...

Daha Fazlasını Oku

Iron Destek Ekibi

Haftanın 5 günü, 24 saat çevrimiçiyiz.
Sohbet
E-posta
Beni Ara