CodeBlanks Logo Icon CodeBlanks

Özet - Tarih ve saat

Date, Intl ve setTimeout'ı birleştirerek bir zamanlayıcı yazarsın.

Özet - Tarih ve saat

Bu grupta Node.js'in tarih ve saat araçlarını öğrendin: Date nesnesi, getUTCDate/getUTCMonth yöntemleri, Intl.DateTimeFormat ile yerelleştirme, performance.now ile yüksek çözünürlüklü ölçüm, ve setTimeout/setInterval zamanlayıcılar. Şimdi hepsini birleştiren bir zamanlayıcı yazacağız.

Yapı: UTC tarihini Intl.DateTimeFormat ile yerel biçimde göster, setTimeout ile bir mesajı gecikmeli yazdır. Bu, gerçek bir uygulamada tarih gösterme ve zamanlanmış görev birleşiminin küçük bir örneğidir. Zamanlayıcı 0 ms gecikmeyle çağrılsa bile senkron koddan sonra çalışır; bu nedenle çıktı sırası deterministiktir.

Uygulama Yerel tarih ve zamanlayıcı yaz

const date = new Date("2024-03-15T00:00:00Z"); tanımla. const fmt = new Intl.DateTimeFormat("tr-TR", { day: "numeric", month: "long", year: "numeric", timeZone: "UTC" }); yarat. console.log(fmt.format(date)) ile tarihi yazdır. setTimeout(() => console.log("Zamanlayıcı tamam"), 0); ile zamanlayıcı kur.

Başlangıç kodu

index.js
// UTC tarih tanımla
// buraya yaz

// tr-TR biçimlendirici yarat
// buraya yaz

// tarihi yazdır
// buraya yaz

// "Zamanlayıcı tamam" yazdır
// buraya yaz

Örnek çözüm

index.js
const date = new Date("2024-03-15T00:00:00Z");
const fmt = new Intl.DateTimeFormat("tr-TR", { day: "numeric", month: "long", year: "numeric", timeZone: "UTC" });
console.log(fmt.format(date));
setTimeout(() => console.log("Zamanlayıcı tamam"), 0);

Beklenen çıktı

15 Mart 2024
Zamanlayıcı tamam

Soru ve cevaplar

Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.

1 Bir tarihi Türkçe biçimde göstermenin en iyi yolu hangisidir?

index.js
new Intl.DateTimeFormat("tr-TR", ...)
  • Intl.DateTimeFormat("tr-TR", ...) kullanmak Doğru cevap
  • Elle ay adları dizisi yapmak
  • Date.toString() kullanmak
  • performance.now() kullanmak

Açıklama: Intl.DateTimeFormat yerelleştirilmiş biçimlendirme yapar.

2 Aracı amacına eşle

Kavram Anlamı
Date Tarih nesnesi
getUTCMonth Ay bileşeni
Intl.DateTimeFormat Yerel biçimlendirme
setTimeout Gecikmeli çağrı

3 DateTimeFormat çağrısını tamamla

Soru
const fmt = new Intl.____("tr-TR", { day: "numeric", month: "long", year: "numeric", timeZone: "UTC" });
Cevap
const fmt = new Intl.DateTimeFormat("tr-TR", { day: "numeric", month: "long", year: "numeric", timeZone: "UTC" });

Açıklama: Intl.DateTimeFormat yerel biçimlendirici yaratır.

Orta seviye bölümündeki tüm dersler