Intl.DurationFormat अब बेसलाइन के तौर पर उपलब्ध है

Jeremy Wagner

पब्लिश किया गया: 20 मार्च, 2025

वेब पेज पर आपको एक सामान्य जानकारी दिख सकती है. यह जानकारी एक टेक्स्ट के तौर पर होती है. इसमें यह बताया जाता है कि किसी इवेंट में कितना समय बाकी है या किसी इवेंट के होने के बाद कितना समय बीत चुका है. आम तौर पर, इसे स्ट्रिंग के तौर पर दिखाया जाता है, जो समय की अवधि को घंटों, मिनटों, सेकंड या समय की अन्य काम की इकाइयों में बताती है.

Intl.DurationFormat एक काम की सुविधा है, जो ब्राउज़र में आपके लिए यह काम करती है. साथ ही, यह अंतरराष्ट्रीय स्तर पर उपलब्ध कराने से जुड़ी आपकी सभी ज़रूरतों को ध्यान में रखती है. इसके लिए, आपको अतिरिक्त JavaScript की ज़रूरत नहीं पड़ती. मार्च 2025 से, यह बेसलाइन के तौर पर उपलब्ध है.

Intl.DurationFormat के काम करने का तरीका

Intl.DurationFormat एक ऐसी क्लास है जिसे इंस्टैंशिएट करने पर, वह कुल समय की जानकारी देने वाली स्ट्रिंग दिखाती है. यह एक ऑब्जेक्ट तय करके काम करता है. इसमें समय की उन इकाइयों से जुड़ी कुंजियां और वैल्यू होती हैं जिनके लिए आपको स्ट्रिंग जनरेट करनी है:

// Specify the duration:
const duration = {
  years: 1,
  hours: 20,
  minutes: 15,
  seconds: 35
};

// Output: '1 yr, 20 hr, 15 min, 35 sec'
new Intl.DurationFormat('en').format(duration);

किसी स्ट्रिंग को लंबे फ़ॉर्मैट में दिखाने के लिए, कन्स्ट्रक्टर के दूसरे आर्ग्युमेंट में style विकल्प को 'long' वैल्यू दें:

const duration = {
  years: 1,
  hours: 20,
  minutes: 15,
  seconds: 35
};

// Output: '1 year, 20 hours, 15 minutes, 35 seconds'
new Intl.DurationFormat('en', { style: 'long' }).format(duration);

फ़िलहाल, ये उदाहरण अंग्रेज़ी में स्ट्रिंग जनरेट करते हैं. यह सुविधा, अंतरराष्ट्रीय स्तर पर काम करने वाली सुविधा है. इसका असल फ़ायदा यह है कि इसमें किसी भी मान्य स्थानीय भाषा का इस्तेमाल किया जा सकता है. साथ ही, आपको अपनी पसंद की भाषा में स्ट्रिंग फ़ॉर्मैट की जा सकती है:

const duration = {
  years: 1,
  hours: 20,
  minutes: 15,
  seconds: 35
};

// Output: '1 Jahr, 20 Stunden, 15 Minuten und 35 Sekunden'
new Intl.DurationFormat('de', { style: 'long' }).format(duration);

// Output: '1 año, 20 horas, 15 minutos y 35 segundos'
new Intl.DurationFormat('es', { style: 'long' }).format(duration);

// Output: '1年20小时15分钟35秒钟'
new Intl.DurationFormat('zh', { style: 'long' }).format(duration);

// Output: '1 år, 20 timer, 15 minutter og 35 sekunder'
new Intl.DurationFormat('no', { style: 'long' }).format(duration);

// Output: 'mwaka 1, saa 20, dakika 15 na sekunde 35'
new Intl.DurationFormat('sw', { style: 'long' }).format(duration);

इन उदाहरणों से पता चलता है कि इस नई सुविधा का इस्तेमाल कैसे किया जा सकता है. इस बारे में ज़्यादा जानने के लिए, MDN पर Intl.DurationFormat दस्तावेज़ पढ़ें.