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() для отримання та відображення часової частини дати.


  See the Pen <a href="https://codepen.io/css_in_ua/pen/jOXxRgw">
  Untitled</a> by css.in.ua (<a href="https://codepen.io/css_in_ua">@css_in_ua</a>)
  on <a href="https://codepen.io">CodePen</a>.

У цьому прикладі ми створюємо новий об'єкт дати за допомогою 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"

JS довідник

JavaScript

Наповнення JS розділу