JS метод Date.setMilliseconds()


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

Date.prototype.setMilliseconds() - це метод об'єкта Date в JavaScript, що дозволяє змінювати кількість мілісекунд в конкретному екземплярі дати.

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

let currentDate = new Date();
console.log(currentDate.getMilliseconds());  // виводимо поточні мілісекунди
currentDate.setMilliseconds(500); 
console.log(currentDate.getMilliseconds());  // 500

В першому рядку ми створюємо новий об'єкт дати. На цьому етапі, мілісекунди встановлюються на поточний час. Після цього ми використовуємо setMilliseconds() для того, щоб явно встановити їх значення.

Однією з ключових особливостей Date.prototype.setMilliseconds() є те, що він не просто змінює мілісекунди, але також може коректувати секунди, хвилини, години тощо. Наприклад, якщо поточне значення мілісекунд дорівнює 900 і ви виконуєте setMilliseconds(2900), то кількість секунд також збільшиться на 2.

let currentDate = new Date();
currentDate.setSeconds(10);
currentDate.setMilliseconds(900);
console.log(currentDate.getSeconds());  // 10

currentDate.setMilliseconds(2900);
console.log(currentDate.getSeconds());  // 12

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

автор: Bond

Порада

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

автор: Bond
Нотатка

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

автор: Bond
Нотатка

При використанні Date.prototype.setMilliseconds() із значеннями, які перевищують 999, буде автоматичне коригування секунд, хвилин тощо. Це може бути корисним, але також може призвести до неочікуваних результатів. Наприклад:

let dateExample = new Date();
dateExample.setMilliseconds(1250);
console.log(dateExample.getSeconds()); // збільшиться на 1 через коригування
автор: Bond

Синтаксис

setMilliseconds(millisecondsValue)

Параметри

millisecondsValue

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

автор: Bond

Повернення

timestamp

Повертає числове представлення дати та часу в мілісекундах від початку епохи Unix (1 січня 1970 року, 00:00:00 UTC) після оновлення мілісекунд в об'єкті Date.

автор: 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

Приклади

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

У цьому прикладі ми створюємо об'єкт дати currentDate, що представляє поточний час. Потім, використовуючи метод setMilliseconds() разом з getMilliseconds(), ми додаємо 250 мілісекунд до цієї дати. Такий підхід може бути корисний, наприклад, коли вам потрібно зробити мікрозатримку або додати невеликий інтервал часу до дати.

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

console.log("Поточний час:", currentDate);

// Додавання 250 мілісекунд до поточного часу
currentDate.setMilliseconds(currentDate.getMilliseconds() + 250);

console.log("Змінений час:", currentDate);
автор: Bond

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

автор: Bond

У цьому прикладі ми використовуємо клас Date для фіксації часу до і після виконання функції doHardWork(). Різниця між кінцевим та початковим часом дозволяє нам зрозуміти, як довго функція виконувалась.

// Функція для симуляції довгого виконання
function doHardWork() {
    for (let i = 0; i < 1000000; i++) {
        // Якийсь великий обчислювальний процес
    }
}

// Фіксація початкового часу
let startTime = new Date();

doHardWork();

// Фіксація кінцевого часу
let endTime = new Date();

// Розрахунок часу виконання у мілісекундах
let elapsedTime = endTime - startTime;

console.log(`Функція виконувалась ${elapsedTime} мс`);
автор: 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`.
||
Ховає цілі абзаци. На сторінці видно лише підпис із першого рядка («Показати рішення»), решта розгортається клацанням по ньому. Закривні риски — окремим рядком.
Порожній рядок Новий абзац. Щоб перенести рядок усередині абзацу, поставте \ в його кінці.

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

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