Как вставить дату и время на веб-сайт

HTML-код

Добавьте дату и время в код своего веб-сайта.

Кредит изображения: Baitong333 / iStock / Getty Images

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

Шаг 1

Откройте одну из своих веб-страниц с помощью Блокнота, редактора HTML или любого приложения, которое создает простой текст. Чтобы гарантировать, что вы сохраните копию неотредактированного кода сайта, продублируйте файл, прежде чем редактировать его.

Видео дня

Шаг 2

Добавьте следующий код после первого тега "" в вашем HTML:

Это создает пустой блок «div».

Шаг 3

Добавьте следующий код перед закрывающим тегом "" в своем HTML:

Эта функция JavaScript запускается после загрузки страницы. Переменная dateTime содержит системную дату и время. Переменная formattedDateTime разбивает dateTime на два форматированных значения, одно для даты и одно для времени, разделенных символом. определяется в "разделитель". Последние два оператора добавляют отформатированную строку даты и времени к тегу «div», определенному в разделе тела HTML.

Шаг 4

Сохраните документ и откройте его в своем браузере. Дата и время появятся там, где вы разместили тег «div». Перезагрузите страницу, чтобы увидеть изменение значений.

Подсказка

Переменная-разделитель может содержать любой выбранный вами символ. В этом примере используется тире.