css.in.ua
Підтримати

JS метод Date.toTimeString()

Загальний опис

Date.prototype.toTimeString() є вбудованим методом об'єкта Date в JavaScript, який використовується для отримання рядкового представлення часової частини дати, відформатованої відповідно до місцевого часового поясу. Зазвичай цей метод корисний, коли розробникам потрібно відобразити або працювати тільки з часовою частиною дати, відокремленою від її датової частини.

Цей метод відіграє важливу роль у роботі з датами та часом та в основному використовується в сценаріях, де необхідно відобразити час у зручному для читання форматі або здійснити обробку тільки часових даних. Зокрема, він може бути корисний у створенні логів, часових штампів або інших функціональностей, що вимагають часової інформації.

Коли ви викликаєте Date.prototype.toTimeString(), цей метод повертає рядок, який включає в себе години, хвилини, секунди та часовий пояс, наприклад: "14:30:15 GMT+0200". Однак він не включає в себе інформацію про рік, місяць та день.

Для використання цього методу, спершу потрібно створити новий об’єкт Date. Прикладом може слугувати наступний код:

let currentDate = new Date();
let timeString = currentDate.toTimeString();
console.log(timeString); // Виведе час у форматі: HH:mm:ss GMT+XXXX

У цьому прикладі, timeString буде містити рядкове представлення часової частини з currentDate, і це може виглядати, наприклад, як "14:30:15 GMT+0200".

Особливість методу Date.prototype.toTimeString() полягає в тому, що він зосереджується тільки на часовій частині, відрізняючись від інших методів, таких як Date.prototype.toString(), який включає в себе інформацію про повну дату та час. Це робить його ідеальним для ситуацій, коли інформація про дату є зайвою.

Нотатка:

Важливо пам'ятати, що Date.prototype.toTimeString() відображає час у місцевому часовому поясі користувача, тому бажано враховувати це при використанні. Якщо вам потрібно працювати з конкретним часовим поясом, вам слід знайти альтернативні методи або використовувати додаткові бібліотеки, такі як moment-timezone.
Порада:

Рядок, що повертається Date.prototype.toTimeString(), може включати не тільки години, хвилини та секунди, але й інформацію про часовий пояс. При потребі, можна використовувати String методи для обробки та форматування виводу, наприклад, видалення чи зміна частин рядка.

let timeString = new Date().toTimeString().split(' ')[0]; // Видалення часового поясу з рядка
Порада:

Для більш складних завдань, професіонали можуть комбінувати Date.prototype.toTimeString() із іншими методами і властивостями Date, такими як Date.prototype.toLocaleTimeString() або Date.prototype.toISOString(), для отримання деталізованої інформації про дату та час, а також для забезпечення більш гнучкого та точного форматування та виводу даних.

Синтаксис

toTimeString()

Параметри

Return

string

Повертає рядок, який представляє частину часу заданої дати. Якщо дата недійсна, метод повертає рядок "Invalid Date".

Переглядачі

Переглядач

1

1

1

5

12
Переглядач

4.4

18

4

1
Переглядач

0.10.0

1.0

Приклади


Цей приклад демонструє, як використовувати Date.prototype.toTimeString() для отримання часової частини поточного часу і дати. Користувач може натиснути кнопку "Отримати час", і часова частина поточної дати і часу буде відображена на веб-сторінці. У цьому коді JavaScript визначає подію кліку для кнопки і використовує метод toTimeString() для отримання та відображення часової частини дати.

У цьому прикладі ми створюємо новий об'єкт дати за допомогою new Date(), який відображає поточний час та дату. Потім ми використовуємо метод Date.prototype.toTimeString(), щоб отримати та вивести в консоль тільки часову частину створеної дати, ігноруючи дату, місяць та рік.

// Створюємо новий об'єкт дати
let currentDate = new Date();

// Використовуємо toTimeString() для отримання часової частини дати
let timeString = currentDate.toTimeString();

// Виводимо часову частину в консоль
console.log(timeString); // Виведе, наприклад, "15:30:45 GMT+0300 (Eastern European Summer Time)"

У цьому прикладі ми також створюємо новий об'єкт Date, але додатково використовуємо метод split(' ')[0] для розділення отриманого рядка по пробілу та виводу тільки першої частини рядка (часу). Це дозволяє нам ігнорувати інформацію про часовий пояс та інші деталі, отримуючи чистий рядок часу у форматі "гг:хх:сс".

// Створюємо новий об'єкт дати
let currentDate = new Date();

// Використовуємо toTimeString() і розділяємо отриманий рядок по пробілу
// для того, щоб вивести тільки час, без інформації про часовий пояс
let timeOnlyString = currentDate.toTimeString().split(' ')[0];

// Виводимо отриманий рядок часу в консоль
console.log(timeOnlyString); // Виведе, наприклад, "15:30:45"

Спільнота

Зв'язок