Date.getMinutes() в JavaScript — хвилини з об'єкта дати

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

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

Припустимо, у вас є веб-додаток, де користувач може встановлювати часові інтервали. Для відображення лише хвилин з вибраної дати та часу, ви можете використовувати цей метод. Ще один популярний сценарій використання – це коли потрібно порівняти хвилини двох різних дат.

Ось короткий приклад:

let date = new `Date`();
let minutes = date.`getMinutes`();
console.log(minutes); // виводить хвилини поточної дати

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

Важливо розуміти, що Date.prototype.getMinutes() отримує хвилини з дати згідно з місцевим часом, тому результат може відрізнятися в залежності від часового поясу, в якому ви знаходитесь. Якщо вам потрібно отримати хвилини в універсальному часі (UTC), слід використовувати метод Date.prototype.getUTCMinutes().

правити

Порада

Якщо ви збираєтеся розширювати можливості роботи з датою та часом, розгляньте можливість використання зовнішніх бібліотек, таких як moment.js. Хоча вбудовані методи JavaScript і є корисними для базових завдань, такі бібліотеки надають більший контроль та гнучкість у роботі з датами.

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

Порада

Коли виводите час для користувача, рекомендується додавати мітку "хв", щоб було зрозуміло, що саме ви показуєте. Наприклад:

let date = new Date();
let minutes = date.getMinutes();
console.log(minutes + " хв");

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

Нотатка

Якщо ви розробляєте додаток, який буде використовуватися в різних часових поясах, завжди враховуйте це при роботі з датами та часом. Метод Date.prototype.getMinutes() повертає хвилини згідно з місцевим часом користувача, тому результат може відрізнятися в залежності від регіону.

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

Нотатка

Щоб отримати повний час (години:хвилини), комбінуйте Date.prototype.getMinutes() з Date.prototype.getHours(). Це зробить вивід часу більш інформативним:

let date = new Date();
let hours = date.getHours();
let minutes = date.getMinutes();
console.log(hours + ":" + (minutes < 10 ? "0" + minutes : minutes));

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

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

Синтаксис

getMinutes()

Повернення

integer

Повертає значення хвилин (від 0 до 59) для вказаної дати і часу, відповідно до місцевого часу.

автор: Bond

правити

Переглядачі

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

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

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

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

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

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

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

Приклади

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

// Отримання поточної дати та часу
let currentTime = new Date();

// Отримання годин та хвилин
let hours = currentTime.getHours();
let minutes = currentTime.getMinutes();

// Додання нуля спереду, якщо кількість хвилин менше 10
let formattedMinutes = minutes < 10 ? "0" + minutes : minutes;

console.log(`Поточний час: ${hours}:${formattedMinutes}`);

<header>
  <h2 class="title">Date.prototype.getMinutes()</h2>
  <p class="description">Коли користувач натискає кнопку "Оновити час", на сторінці відображаються поточні хвилини від початку години, отримані за допомогою методу <code>Date.prototype.getMinutes()</code>.</p>
</header>
<main>
  <div class="result">
    <div id="timeDisplay">XX:XX</div>
    <button onclick="updateTime()">Оновити час</button>
  </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);
}

#timeDisplay {
  font-size: 2em;
  margin-bottom: 20px;
}

button {
  cursor: pointer;
  background-color: #4CAF50;
  color: white;
  padding: 10px 20px;
  border: none;
  border-radius: 4px;
}

button:hover {
  background-color: #45a049;
}

function updateTime() {
  const now = new Date();
  const minutes = String(now.getMinutes()).padStart(2, '0');
  const seconds = String(now.getSeconds()).padStart(2, '0');
  document.getElementById('timeDisplay').textContent = `${minutes}:${seconds}`;
}

// Виводить поточний час при завантаженні сторінки
updateTime();
//# sourceURL=pen.js

// Отримання поточної дати та часу
let now = new Date();

// Отримання поточних хвилин
let currentMinutes = now.getMinutes();

// Розрахунок кількості хвилин, що залишилось до кінця години
let minutesLeft = 60 - currentMinutes;

console.log(`До кінця години залишилось ${minutesLeft} хвилин.`);