Как сделать время в html
Ответы
Aleksey
06 апреля 2023
Для отображения времени на веб-странице в HTML можно использовать тег <time>
.
Пример использования тега <time>
для отображения текущего времени:
<p>Текущее время: <time datetime="2021-10-14T13:30">13:30</time></p>
В атрибуте datetime
указывается дата и время в формате ISO 8601. Этот атрибут необходим для машинного чтения времени на странице, поэтому его следует указывать всегда.
Если необходимо отобразить только время без указания даты, можно использовать атрибут datetime
со значением T
:
<p>Текущее время: <time datetime="T13:30">13:30</time></p>
Также можно использовать JavaScript для динамического обновления времени на странице:
<p>Текущее время: <time id="currentTime"></time></p>
<script>
var timeElement = document.getElementById('currentTime');
setInterval(function () {
var currentTime = new Date();
timeElement.textContent = currentTime.toLocaleTimeString();
}, 1000);
</script>
В этом примере мы используем JavaScript для обновления содержимого элемента <time>
каждую секунду. Вместо статического значения времени мы выводим текущее время, полученное с помощью объекта Date()
.
0
0