Полноэкранные цифровые часы (24-часовой формат)

Что такое полноэкранные цифровые часы?

Полноэкранные цифровые часы — это веб-страница, которая заполняет весь экран крупным и легко читаемым отображением времени. Она предназначена для работы на втором мониторе, настенном дисплее, проекторе в классе или любом экране, где время должно быть видно с другого конца комнаты. По умолчанию часы используют 24-часовой формат и обновляются раз в секунду.

24-часовой формат

24-часовой формат, который иногда называют военным временем, отсчитывает часы суток от 00 до 23. Полночь — это 00:00:00, полдень — 12:00:00, а час после полудня — 13:00:00, а не 1:00:00. Поскольку у каждого часа суток есть свой номер, метка AM или PM не нужна, и нет риска перепутать утреннюю встречу с вечерней. По умолчанию эти часы показывают время в 24-часовом формате HH:MM:SS, где час, минута и секунда дополнены до двух цифр.

12-часовой формат

Многие люди привыкли читать 12-часовые часы, на которых счёт часов сбрасывается после 12, а метка AM или PM показывает, какая половина суток идёт. В этом инструменте есть переключатель 12-часового режима. В этом режиме час идёт от 1 до 12 и не дополняется нулём, поэтому пять минут второго дня записывается как 1:05:05 PM, а не 01:05:05 PM.

Два момента вызывают путаницу на 12-часовых часах: полночь и полдень. На 12-часовом циферблате нет «нулевого часа», поэтому по соглашению полночь записывается как 12:00:00 AM, а полдень — как 12:00:00 PM. Часы следуют этому соглашению.

Параметры отображения

На странице есть четыре переключателя, каждый из которых сбрасывается к значению по умолчанию кнопкой «Сбросить»:

• 12-часовой формат: переключает между 24-часовым временем (по умолчанию) и 12-часовым временем с меткой AM/PM.
• Показывать секунды: показывает или скрывает поле секунд, оставляя HH:MM или h:MM AM/PM.
• Показывать дату: показывает или скрывает полную строку даты, например «понедельник, 15 января 2024 г.», под временем.
• Показывать часовой пояс: показывает или скрывает небольшую метку с часовым поясом, определённым браузером, например Europe/Berlin (CET). Часовой пояс считывается из браузера, а не вводится вручную, поэтому он всегда соответствует устройству, на котором работают часы.

Использование полноэкранного режима

Кнопка «Войти в полноэкранный режим» использует Fullscreen API браузера, чтобы развернуть часы на весь экран, скрыв адресную строку и вкладки браузера. Повторный клик по кнопке или нажатие Esc закрывает полноэкранный режим и возвращает обычную страницу. Текст кнопки автоматически меняется на «Выйти из полноэкранного режима», как только страница переходит в полноэкранный режим, в том числе если полноэкранный режим закрыт клавишей Esc, а не кнопкой.

Не каждый браузер или встроенное представление поддерживает Fullscreen API. Некоторые старые браузеры, некоторые встроенные браузеры приложений и iframe, блокирующие полноэкранный режим, не будут выполнять этот запрос. В таком случае страница показывает сообщение вместо того, чтобы молча ничего не делать.

Разобранный пример

Предположим, что местное время — 5 секунд после 1:05 дня.

• В стандартном 24-часовом режиме часы показывают 13:05:05.
• При включённом переключателе 12-часового формата тот же момент показывается как 1:05:05 PM.
• При отключённых секундах оба режима показывают 13:05 и 1:05 PM.

В полночь 24-часовые часы показывают 00:00:00, а 12-часовые часы показывают 12:00:00 AM.

Часто задаваемые вопросы

Что такое 24-часовой формат? 24-часовой формат нумерует каждый час суток от 00 до 23, поэтому каждый час уникален и метка AM или PM не нужна. Это формат по умолчанию, используемый этими часами.

Почему 12-часовые часы показывают 12:00 AM для полуночи? На 12-часовых часах нет нулевого часа. По соглашению час после 23:00 обозначается как 12 AM, а не 0 AM, отмечая начало нового дня, а час после 11:00 обозначается как 12 PM, отмечая середину дня.

Почему кнопка полноэкранного режима не работает? Некоторые браузеры и встроенные представления, например отдельные встроенные браузеры приложений или изолированные iframe, не поддерживают Fullscreen API или блокируют его вне прямого клика пользователя. Страница показывает сообщение, когда запрос полноэкранного режима не выполняется или не поддерживается.

Часы показывают мой часовой пояс или фиксированный? Они всегда показывают местное время устройства, на котором работают, взятое из часов и настроек устройства. Включение переключателя часового пояса помечает это местное время определённым браузером часовым поясом IANA, например America/New_York, и его текущим сокращением, например EST или EDT.

Можно ли сохранить в закладки определённый набор параметров отображения? Да. Каждый переключатель сохраняется в URL страницы, поэтому ссылка, скопированная при определённых значениях секунд, даты, 12-часового формата или часового пояса, откроется с теми же параметрами.

Продолжает ли время идти, если оставить вкладку открытой? Да. Отображение обновляется раз в секунду, пока страница остаётся открытой, независимо от того, активен ли полноэкранный режим.