JS метод Date.setUTCSeconds()


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

Date.prototype.setUTCSeconds() є методом, що дозволяє нам точно встановлювати секунди для конкретного об’єкта дати. Цей метод особливо корисний, коли вам потрібно синхронізувати часові зазначення з серверами, що використовують UTC, або проводити точні вимірювання часу.

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

Метод Date.prototype.setUTCSeconds() приймає два аргументи: секунди (від 0 до 59) і мілісекунди (від 0 до 999). Останній аргумент є необов’язковим. Якщо він не вказаний, то буде використано 0 мілісекунд. Наприклад, якщо вам потрібно встановити 45 секунд та 500 мілісекунд для дати в UTC, ви можете використовувати такий код:

let date = new Date();
date.setUTCSeconds(45, 500);

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

Основною відмінністю Date.prototype.setUTCSeconds() від інших методів, таких як Date.prototype.setSeconds(), є те, що він встановлює час в UTC, а не в місцевому часі. Тобто, він не враховує зсув часового поясу користувача. Приклад використання:

let date = new Date('December 17, 2023 03:24:00 UTC');
date.setUTCSeconds(30); // Встановлює секунди на 30 у об’єкті дати.
console.log(date.toUTCString()); // Повертає "Sun, 17 Dec 2023 03:24:30 GMT".
автор: Bond

Порада

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

автор: Bond
Порада

При створенні високопродуктивних систем, де мілісекунди є важливими, розгляньте можливість використання Date.prototype.setUTCMilliseconds() разом із Date.prototype.setUTCSeconds(). Це дасть можливість більш точно управляти часовими значеннями та забезпечить відмінну точність у ваших застосунках.

автор: Bond
Порада

При використанні Date.prototype.setUTCSeconds(), розгляньте можливість встановлення секунд та мілісекунд одночасно, передаючи обидва аргументи у функцію. Це може бути корисно, наприклад, при синхронізації даних часу між клієнтською та серверною частиною:

let date = new Date();
date.setUTCSeconds(30, 500); // Встановлює 30 секунд та 500 мілісекунд.
автор: Bond

Синтаксис

setUTCSeconds(secondsValue)
setUTCSeconds(secondsValue, msValue)

Параметри

secondsValue

Ціле число від 0 до 59, яке представляє секунди. Якщо значення перевищує 59, воно буде відсутнє. Наприклад, якщо передати 65, то це буде розглядатися як 5 секунд і 1 хвилина.

автор: Bond

msValue

Ціле число від 0 до 999, яке представляє мілісекунди. Якщо параметр не передано, мілісекунди не змінюються. Наприклад, якщо передати 1050, то це буде розглядатися як 1 секунда і 50 мілісекунд.

автор: Bond

Повернення

timestamp

Модифікує об'єкт Date та повертає новий timestamp. Якщо параметр є NaN (або інші значення, які конвертуються в NaN, наприклад, undefined), то дата встановлюється як "Invalid Date", і метод повертає NaN.

автор: Bond

Переглядачі

Підтримка: стаціонарні переглядачі
Переглядач Google Chrome Mozilla Firefox Apple Safari Opera Microsoft EDGE Microsoft Internet Explorer
1 1 1 4 12 4
Підтримка: мобільні переглядачі
Переглядач Mobile Google Android Mobile Google Chrome Mobile Mozilla Firefox Mobile Apple Safari
4.4 18 4 1
Підтримка: серверні переглядачі
Переглядач Node.js Deno
0.10.0 1.0

Приклади

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

У цьому прикладі ми створюємо об'єкт now для представлення поточного моменту часу і виводимо його, використовуючи now.toUTCString(), перед внесенням змін. Далі, ми використовуємо Date.prototype.setUTCSeconds(), щоб встановити секунди та мілісекунди на 30 та 500 відповідно. Наостанок, ми знову виводимо змінений час UTC, і можемо побачити, що секунди та мілісекунди були змінені відповідно.

// Створюємо об'єкт дати для поточного моменту часу
let now = new Date(); 

// Виводимо поточний час UTC перед змінами
console.log("Перед:", now.toUTCString()); 

// Встановлюємо секунди та мілісекунди на 30 та 500 відповідно
now.setUTCSeconds(30, 500); 

// Виводимо поточний час UTC після змін
console.log("Після:", now.toUTCString()); 
автор: Bond

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

автор: Bond

У цьому прикладі ми спочатку створюємо об'єкт дати, date, що представляє собою 15 вересня 2023 року, 12:00:00 UTC. Після цього, ми використовуємо Date.prototype.setUTCSeconds() для встановлення значення секунд на 45. В результаті, при виведенні date.toUTCString(), ми бачимо, що час тепер становить 12:00:45 GMT.

// Створюємо об'єкт дати для 15 вересня 2023, 12:00:00 UTC
let date = new Date(Date.UTC(2023, 8, 15, 12, 0, 0)); 

// Встановлюємо секунди на 45, користуючись setUTCSeconds
date.setUTCSeconds(45);

// Виводимо новий час UTC
console.log(date.toUTCString()); // Виведе: Fri, 15 Sep 2023 12:00:45 GMT
автор: Bond

Коментарі

Коментарів ще немає — будьте першим!

Відповідь для

Як форматувати текст?
Пишемо Виходить
**важливо**
*акцент*
~~застаріле~~
Виділення в тексті. Те саме роблять кнопки панелі, що спливає над виділеним.
## Як працює каскад
### Порядок оголошень
Заголовки всередині тексту. Найбільший не потрібен — він у сторінки вже є.
[[css/property/color]] Посилання на сторінку довідника. Наберіть [[ — поле саме підкаже шляхи, а хибний підкреслить хвилею.
[MDN](https://developer.mozilla.org) Посилання на чужий сайт.
![Схема каскаду](https://site.com/схема.png) Картинка. Опис обов'язковий: його читають пошуковик і незрячі.
Задайте `display: grid` контейнеру Код усередині речення.
```css
.card { display: grid }
```
Код блоком. Мова після трьох лапок вмикає підсвітку.
- Походження
1. Походження
Перелік: маркований і нумерований.
- [ ] дописати приклади
- [x] перевірити в Firefox
Перелік завдань із галочками. Пробіл у порожніх дужках обов'язковий.
> Порядок важить лише за рівної ваги. Цитата на всю ширину абзацу.
Специфічність
: вага селектора; більша перемагає
Список означень: термін, а під ним пояснення з відступом. Пробіл після двокрапки обов'язковий.
Каскад має три критерії[^1]
[^1]: Походження, специфічність, порядок.
Виноска: номер у тексті, примітка внизу сторінки. Без згадки [^1] у тексті примітка не з'явиться.
Відповідь: ||сорок два|| Ховає те, що між рисками: читач бачить на цьому місці розмиту пляму, а решта речення лишається звичайною. Клац — і текст відкрито.
|| Показати рішення
Задайте контейнеру `display: grid`.
||
Ховає цілі абзаци. На сторінці видно лише підпис із першого рядка («Показати рішення»), решта розгортається клацанням по ньому. Закривні риски — окремим рядком.
Порожній рядок Новий абзац. Щоб перенести рядок усередині абзацу, поставте \ в його кінці.

Увійдіть — коментар з'явиться одразу, без капчі й очікування перевірки.

Пропозиція правки

Ваша версія — : після перевірки замінить чинну. Нова порада чи нотатка — з'явиться на сторінці після перевірки.

Як форматувати текст?
Пишемо Виходить
**важливо**
*акцент*
~~застаріле~~
Виділення в тексті. Те саме роблять кнопки панелі, що спливає над виділеним.
## Як працює каскад
### Порядок оголошень
Заголовки всередині тексту. Найбільший не потрібен — він у сторінки вже є.
[[css/property/color]] Посилання на сторінку довідника. Наберіть [[ — поле саме підкаже шляхи, а хибний підкреслить хвилею.
[MDN](https://developer.mozilla.org) Посилання на чужий сайт.
![Схема каскаду](https://site.com/схема.png) Картинка. Опис обов'язковий: його читають пошуковик і незрячі.
Задайте `display: grid` контейнеру Код усередині речення.
```css
.card { display: grid }
```
Код блоком. Мова після трьох лапок вмикає підсвітку.
- Походження
1. Походження
Перелік: маркований і нумерований.
- [ ] дописати приклади
- [x] перевірити в Firefox
Перелік завдань із галочками. Пробіл у порожніх дужках обов'язковий.
> Порядок важить лише за рівної ваги. Цитата на всю ширину абзацу.
Специфічність
: вага селектора; більша перемагає
Список означень: термін, а під ним пояснення з відступом. Пробіл після двокрапки обов'язковий.
Каскад має три критерії[^1]
[^1]: Походження, специфічність, порядок.
Виноска: номер у тексті, примітка внизу сторінки. Без згадки [^1] у тексті примітка не з'явиться.
Відповідь: ||сорок два|| Ховає те, що між рисками: читач бачить на цьому місці розмиту пляму, а решта речення лишається звичайною. Клац — і текст відкрито.
|| Показати рішення
Задайте контейнеру `display: grid`.
||
Ховає цілі абзаци. На сторінці видно лише підпис із першого рядка («Показати рішення»), решта розгортається клацанням по ньому. Закривні риски — окремим рядком.
Порожній рядок Новий абзац. Щоб перенести рядок усередині абзацу, поставте \ в його кінці.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Ваша версія секції «»: після перевірки замінить чинну.

Як форматувати текст?
Пишемо Виходить
**важливо**
*акцент*
~~застаріле~~
Виділення в тексті. Те саме роблять кнопки панелі, що спливає над виділеним.
## Як працює каскад
### Порядок оголошень
Заголовки всередині тексту. Найбільший не потрібен — він у сторінки вже є.
[[css/property/color]] Посилання на сторінку довідника. Наберіть [[ — поле саме підкаже шляхи, а хибний підкреслить хвилею.
[MDN](https://developer.mozilla.org) Посилання на чужий сайт.
![Схема каскаду](https://site.com/схема.png) Картинка. Опис обов'язковий: його читають пошуковик і незрячі.
Задайте `display: grid` контейнеру Код усередині речення.
```css
.card { display: grid }
```
Код блоком. Мова після трьох лапок вмикає підсвітку.
- Походження
1. Походження
Перелік: маркований і нумерований.
- [ ] дописати приклади
- [x] перевірити в Firefox
Перелік завдань із галочками. Пробіл у порожніх дужках обов'язковий.
> Порядок важить лише за рівної ваги. Цитата на всю ширину абзацу.
Специфічність
: вага селектора; більша перемагає
Список означень: термін, а під ним пояснення з відступом. Пробіл після двокрапки обов'язковий.
Каскад має три критерії[^1]
[^1]: Походження, специфічність, порядок.
Виноска: номер у тексті, примітка внизу сторінки. Без згадки [^1] у тексті примітка не з'явиться.
Відповідь: ||сорок два|| Ховає те, що між рисками: читач бачить на цьому місці розмиту пляму, а решта речення лишається звичайною. Клац — і текст відкрито.
|| Показати рішення
Задайте контейнеру `display: grid`.
||
Ховає цілі абзаци. На сторінці видно лише підпис із першого рядка («Показати рішення»), решта розгортається клацанням по ньому. Закривні риски — окремим рядком.
Порожній рядок Новий абзац. Щоб перенести рядок усередині абзацу, поставте \ в його кінці.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Ваша версія опису «»: після перевірки замінить чинну.

Як форматувати текст?
Пишемо Виходить
**важливо**
*акцент*
~~застаріле~~
Виділення в тексті. Те саме роблять кнопки панелі, що спливає над виділеним.
## Як працює каскад
### Порядок оголошень
Заголовки всередині тексту. Найбільший не потрібен — він у сторінки вже є.
[[css/property/color]] Посилання на сторінку довідника. Наберіть [[ — поле саме підкаже шляхи, а хибний підкреслить хвилею.
[MDN](https://developer.mozilla.org) Посилання на чужий сайт.
![Схема каскаду](https://site.com/схема.png) Картинка. Опис обов'язковий: його читають пошуковик і незрячі.
Задайте `display: grid` контейнеру Код усередині речення.
```css
.card { display: grid }
```
Код блоком. Мова після трьох лапок вмикає підсвітку.
- Походження
1. Походження
Перелік: маркований і нумерований.
- [ ] дописати приклади
- [x] перевірити в Firefox
Перелік завдань із галочками. Пробіл у порожніх дужках обов'язковий.
> Порядок важить лише за рівної ваги. Цитата на всю ширину абзацу.
Специфічність
: вага селектора; більша перемагає
Список означень: термін, а під ним пояснення з відступом. Пробіл після двокрапки обов'язковий.
Каскад має три критерії[^1]
[^1]: Походження, специфічність, порядок.
Виноска: номер у тексті, примітка внизу сторінки. Без згадки [^1] у тексті примітка не з'явиться.
Відповідь: ||сорок два|| Ховає те, що між рисками: читач бачить на цьому місці розмиту пляму, а решта речення лишається звичайною. Клац — і текст відкрито.
|| Показати рішення
Задайте контейнеру `display: grid`.
||
Ховає цілі абзаци. На сторінці видно лише підпис із першого рядка («Показати рішення»), решта розгортається клацанням по ньому. Закривні риски — окремим рядком.
Порожній рядок Новий абзац. Щоб перенести рядок усередині абзацу, поставте \ в його кінці.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Зворотний зв'язок
Вхід