Date.getUTCHours() в JavaScript — година доби за UTC

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

Date.prototype.getUTCHours() - метод у JavaScript, який використовується для отримання години від дати об'єкта за координованим універсальним часом (UTC). Це особливо корисно для роботи з часом у міжнародних аплікаціях, де користувачі можуть знаходитись у різних часових поясах.

Цей метод не приймає аргументів і повертає число від 0 до 23, що представляє годину дня за UTC. Це корисно, коли розробникам потрібно забезпечити універсальність відображення часу для користувачів у різних часових зонах.

Застосування методу можна уявити так: ми маємо веб-додаток, де користувачі можуть планувати події, і нам потрібно коректно показувати час цих подій для всіх користувачів незалежно від їхнього місцезнаходження. Для цього ми можемо використовувати Date.prototype.getUTCHours() для отримання години в UTC і потім конвертувати її до місцевого часу користувача.

Подивимося на простий приклад:

let currentDate = new Date();
let utcHour = currentDate.getUTCHours();
console.log('Година за UTC:', utcHour);

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

Особливість роботи Date.prototype.getUTCHours() полягає в тому, що він повертає значення від 0 (що відповідає 12 ночі) до 23 (що відповідає 11 вечора). Це робить його простим у співставленні з місцевим часом.

правити

Порада

Щоб отримати повну інформацію про дату і час в UTC, розгляньте комбінацію Date.prototype.getUTCHours() з іншими методами, такими як Date.prototype.getUTCMinutes() або Date.prototype.getUTCSeconds(). Це забезпечить більш детальний і точний вивід часу для ваших застосунків.

автор: Bond правити

Порада

Коли працюєте з датами та часом, завжди враховуйте різницю між місцевим часом і UTC. Особливо це важливо, якщо ваш застосунок або веб-сайт має глобальну аудиторію. Початківцям корисно розуміти різницю між методами Date.prototype.getHours() (місцевий час) та Date.prototype.getUTCHours() (UTC). Не допускайте поширених помилок, використовуючи не той метод.

автор: Bond правити

Порада

Для досвідчених програмістів може бути корисним знати, що, хоча getUTCHours() є частиною вбудованого об'єкта Date JavaScript, існують сторонні бібліотеки, такі як Moment.js, які пропонують розширений функціонал для роботи з датами та часом. Однак, якщо вам просто потрібно швидко отримати годину за UTC, Date.prototype.getUTCHours() - це простий та надійний інструмент для цього.

автор: Bond правити

Нотатка

Важливо розуміти відмінність між Date.prototype.getUTCHours() та Date.prototype.getHours(). Поки перший завжди повертає годину за UTC, другий повертає годину за місцевим часом користувача. Ця відмінність може призвести до плутанини, особливо якщо ви не враховуєте часові пояси у своєму додатку.

автор: Bond правити

Нотатка

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

автор: Bond правити

+ додати пораду чи нотатку

Синтаксис

getUTCHours()

Повернення

integer

Повертає ціле число від 0 до 23, що відображає годину в часовому поясі UTC для заданого об'єкта дати. Це число відповідає годинам у форматі 24-годинного часу.

автор: Bond

правити

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі Серверні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
	1	1	1	4	12	4

Підтримка: мобільні переглядачі

Переглядач
	4.4	18	4	1

Підтримка: серверні переглядачі

Переглядач
	0.10.0	1.0

Приклади

+ запропонувати свій приклад у пісочниці

// Визначення часу для резервного копіювання (наприклад, о 2:00 ночі за UTC)
const backupHourUTC = 2;

// Отримання поточного UTC часу
const currentUTCHour = new Date().getUTCHours();

// Перевірка, чи пора робити резервне копіювання
if (currentUTCHour === backupHourUTC) {
    console.log("Починаємо резервне копіювання бази даних!");
    // Тут можна додати код для запуску резервного копіювання
} else {
    console.log("Чекаємо на час для резервного копіювання.");
}

<header>
  <h2 class="title">Date.prototype.getUTCHours()</h2>
  <p class="description">Отримує годину поточної дати згідно з універсальним координованим часом (UTC).</p>
</header>
<main>
  <div class="result">
    <p>Чи зараз робочий час у:</p>
    <div>Лондон: <span id="londonStatus">...</span></div>
    <div>Нью-Йорк: <span id="nyStatus">...</span></div>
    <div>Токіо: <span id="tokyoStatus">...</span></div>
  </div>
</main>

body {
  font-size: 16px;
  line-height: 1.5;
  font-family: monospace;
}

header {
  background-color: #f1f1f1;
  margin-bottom: 25px;
  padding: 15px;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(118, 118, 118, 1);
  -moz-box-shadow: 0px 0px 3px 0px rgba(118, 118, 118, 1);
  box-shadow: 0px 0px 3px 0px rgba(118, 118, 118, 1);
}

header h2.title {
  padding-bottom: 15px;
  border-bottom: 1px solid #999;
}

header p.description {
  font-style: italic;
  color: #222;
}

.result {
  background-color: #f8f8f8;
  padding: 15px;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(118, 118, 118, 1);
  -moz-box-shadow: 0px 0px 3px 0px rgba(118, 118, 118, 1);
  box-shadow: 0px 0px 3px 0px rgba(118, 118, 118, 1);
}

div.result div {
  margin-bottom: 15px;
}

function isWorkingHours(cityUtcOffset) {
  const currentDate = new Date();
  const utcHour = currentDate.getUTCHours();
  const cityHour = (utcHour + cityUtcOffset) % 24;

  // Робочий час вважаємо з 9 до 17.
  return cityHour >= 9 && cityHour < 17;
}

function refreshWorkStatus() {
  document.getElementById("londonStatus").textContent = isWorkingHours(0) ? "Так" : "Ні"; // Лондон має UTC+0
  document.getElementById("nyStatus").textContent = isWorkingHours(-5) ? "Так" : "Ні"; // Нью-Йорк має UTC-5
  document.getElementById("tokyoStatus").textContent = isWorkingHours(9) ? "Так" : "Ні"; // Токіо має UTC+9
}

// Виводимо статус робочого часу при завантаженні сторінки.
refreshWorkStatus();
//# sourceURL=pen.js

// Отримання поточного UTC часу
const currentUTCHour = new Date().getUTCHours();

// Визначення часу доби
let greeting;

if (currentUTCHour >= 4 && currentUTCHour < 12) {
    greeting = "Доброго ранку!";
} else if (currentUTCHour >= 12 && currentUTCHour < 18) {
    greeting = "Доброго дня!";
} else {
    greeting = "Доброго вечора!";
}

console.log(greeting);