Як вставити дату та час на веб-сайт

html код

Додайте дату та час до коду вашого веб-сайту.

Авторство зображення: Baitong333/iStock/Getty Images

Додавання поточної дати й часу на веб-сайт гарантує, що принаймні одна річ на сайті зміниться, коли відвідувач сайту оновить сторінку. Вам не потрібно вивчати просунуті мови програмування, такі як PHP, JAVA або ASP.NET, щоб працювати з форматами дати та часу. Використовуючи JavaScript та базовий HTML, ви можете вставити дату та час на свій веб-сайт за допомогою кількох рядків коду.

Крок 1

Відкрийте одну зі своїх веб-сторінок за допомогою Блокнота, редактора HTML або будь-якої програми, яка створює простий текст. Щоб переконатися, що ви збережете копію невідредагованого коду сайту, перед редагуванням скопіюйте файл.

Відео дня

Крок 2

Додайте наступний код після першого тегу "" у своєму HTML:

Це створює порожній блок "div".

Крок 3

Додайте такий код перед закриваючим тегом " " у своєму HTML:

Ця функція JavaScript запускається після завантаження сторінки. Змінна "dateTime" містить системну дату та час. Змінна "formattedDateTime" розбиває dateTime на два відформатовані значення, одне для дати, а одне для часу, розділені символом визначено в "роздільник". Останні два оператори додають відформатований рядок дати та часу до тегу "div", визначеного в розділі body HTML.

Крок 4

Збережіть документ і відкрийте його у своєму браузері. Дата й час відображаються в місці, куди ви розмістили тег "div". Перезавантажте сторінку, щоб побачити зміни значень.

Порада

Змінна-роздільник може містити будь-який вибраний символ. У цьому прикладі використовується тире.