JavaScript-код с датой и временем для вашего веб-сайта в режиме реального времени
Последние 6 месяцев или около того я был в небольшом путешествии. Я объясню в следующем посте в блоге, но вкратце скажу, что я расширил свои навыки до веб-разработки. Я разрабатываю решения проблем, с которыми сталкиваюсь, когда узнаю больше и продолжаю обновлять свой проект Modi’in Bus. Я решил начать делиться некоторыми из этих небольших решений здесь, в моем блоге, в дополнение к другим полезным местам.
Я хотел создать живую строку даты/времени для Modi’in Bus. Моя цель состояла в том, чтобы использовать JavaScript для вставки строки, указывающей текущую дату и время. Я искал несколько объяснений того, как эффективно использовать метод JavaScript getDate()
(вот документация MDN).
Добавить дату относительно просто. Я не мог найти четкого решения для добавления часов, которые меняются в режиме реального времени, пока не нашел эту замечательную реализацию от Eugenio Leon. Проблема со временем заключается в том, что вы хотите, чтобы отображение в реальном времени было динамичным, а не просто обновлялось при обновлении.
Решение, которое я придумал (с помощью упомянутых ресурсов), использует синтаксис ES6 и, похоже, работает так, как и ожидалось.
Это мое решение. Скрипт определяет текущую дату и время и вставляет их в элемент div
с классом container
в коде моего сайта:
Я решил поделиться этим, потому что я не мог найти ничего, что делало бы такой же трюк на StackOverflow.
Первоначально опубликовано на сайте pauljacobson.me 22 октября 2017 г.