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 için beklemek, örneğin 5 saniye, yaygın bir gerekliliktir. Bir eylemi geciktirmeniz veya bir yükleme durumu simüle etmeniz gerekip gerekmediğini öğrenmek, senkron kod ile JavaScript'te bir gecikmenin nasıl uygulanacağını anlamak esastır. Bu makalede, JavaScript'te 5 saniye beklemenin çeşitli yöntemlerini inceleyeceğiz ve JavaScript yürütmesini duraklatmak için her yöntemin örneklerini göstereceğiz. Ayrıca, IronPDF Node.js için yardımıyla asenkron fonksiyonlar ve zaman aşımı fonksiyonları ayarlayarak PDF dosyaları oluşturacağız.

1. setTimeout() Kullanarak

setTimeout() fonksiyonu, belirtilen bir işlev veya kod parçasını milisaniye cinsinden belirtilen bir süre gecikmeyle yürüten bir yerleşik JavaScript fonksiyonudur.

Ö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() fonksiyonunun içindeki kod, 5000 milisaniye (veya 5 saniye) gecikmeden sonra yürütülecektir.

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

2. Promises ve async/await Kullanarak

JavaScript'te bir gecikme yaratmak için Promises'ları async/await ile birlikte kullanabilir, 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() fonksiyonu, bir Promise kullanarak yürütmeyi 5 saniye duraklatmak için async/await kullanır.

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

3. setInterval() Kullanarak

setInterval() fonksiyonu genellikle tekrarlanan eylemler için kullanılsa da, istenen süre sonrasında intervali temizleyerek tek seferlik bir gecikme yaratmak için de kullanılabilir.

Ö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() fonksiyonu belirtilen fonksiyonu her 5 saniyede bir tekrar eder, ancak clearInterval() fonksiyonu ile intervali temizlediğimizde durur.

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

4. new Promise() Kullanarak

new Promise() kullanarak belirtilen bir gecikme sonrasında çözülecek bir Promise oluşturabilirsiniz.

Ö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() fonksiyonu 5 saniye sonra çözülen bir Promise döndürüyor ve gecikmeden sonra kodu yürütmek için .then() kullanıyoruz.

JavaScript 5 Saniye Beklet (Yazılımcılar İçin Nasıl Çalışır): Şekil 4 - Promise kullanarak ve JavaScript delay() ve then() fonksiyonları ile bekleyerek 5 saniye boyunca konsol çıktısı.

5. IronPDF JS Tanıtımı

IronPDF JavaScript Kitaplığı, PDF Üretimi için, geliştiricilere client-side JavaScript kullanarak doğrudan PDF belgeleri oluşturma ve değiştirme olanağı tanıyan bir JavaScript kitaplığı sağlar. JavaScript kullanarak PDF dosyaları oluşturmak, düzenlemek ve dönüştürmek için bir dizi özelliği sunar.

IronPDF JS Kurulumu

IronPDF JS'i kullanmaya başlamak için, projenize IronPDF JavaScript kütüphanesini dahil etmeniz gerekir. Bunu, IronPDF'in web sitesinden doğrudan indirerek veya CDN yoluyla dahil ederek yapabilirsiniz.

npm i @ironsoftware/ironpdf

6. IronPDF ile 5 Saniye JavaScript Bekleme Kullanımı

Şimdi, JavaScript kod gecikme tekniklerini IronPDF ile birleştirerek asenkron bir JavaScript yorumlayıcısı kullanarak ve aşağıdaki kod parçasını kullanarak 5 saniye bekledikten sonra PDF belgesi oluşturmanın nasıl yapıldığını görelim.

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 fonksiyon, async/await ve setTimeout() kullanarak 5 saniye bekler. Gecikmeden sonra, basit bir HTML içerikli IronPDF'in PdfDocument.fromHtml() yöntemini kullanarak yeni bir PDF belgesi oluşturur. PDF oluşturma kodunu kendi gereksinimlerinizle değiş tokuş edebilir veya oluşturulan PDF verilerini daha ileri işleme için kullanabilirsiniz.

JavaScript 5 Saniye Bekleme (Geliştiriciler İçin Nasıl Çalışır): Şekil 5 - JavaScript setTimeout() fonksiyonunu kullanarak ve 5 saniye bekleme ile konsol çıktısı. Ardından IronPDF kodu çalışarak HTML dizesini PDF belgesine dönüştürür ve konsolda 'Beklemeden Sonra PDF Oluşturuldu' mesajını görüntüler.

Sonuç

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

Ek olarak, 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'ni ziyaret edin.

Bu teknikleri ve araçları anlamak, JavaScript uygulamalarınızda gecikmeleri etkili bir şekilde uygulamanıza ve daha karmaşık görevlerde, örneğin PDF belgeleri oluşturma veya asenkron işlemler gerçekleştirme imkanı sağlar. İster yeni başlayan olun, ister deneyimli bir geliştirici, bu temel bilgilerin sağlam bir anlayışı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 Bilimi alanında Lisans Derecesine sahip ve Iron Software'de Tam Yığın WebOps Pazarlama Mühendisi olarak çalışıyor. Genç yaşlardan itibaren kodlamaya çekildi, bilgisayar bilimi hem gizemli hem de erişilebilir olarak görüldü ve bu özellik, yaratıcılık ...

Daha Fazla Oku

Iron Destek Ekibi

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