Код скрипта function digitalClock() < var date = new Date(); var hours = date.getHours(); var minutes = date.getMinutes(); var seconds = date.getSeconds(); //* добавление ведущих нулей */ if (hours
Вызов скрипта на странице
Это простые часы без оформления стиля.
12-часовой формат времени: AM/PM
AM = до полудня (от 00:00 до 11:00)
PM = после полудня (от 12:00 до 23:00)
12-часовой формат времени: AM/PM
Результат:
12-часовой формат времени:
Примеры оформления простых часов для сайта
в HTML документе
Часы для сайта
1
2 3
Результат скрипта
Цветные часы для сайта
в HTML документе
4 Цветные часы для сайта
: :
Результат скрипта
4 Цветные часы для сайта
Часы + дата
Хорошо смотрятся на сайте часы совместно с датой оформленные в одну строку. В Примере 5 к скрипту часы добавлен скрипт дата. Вид строки оформляется средствами css под дизайн сайта.
5Часы + датаСегодня: ( )
Аналоговые часы для сайта
в HTML документе
Виджеты Аналоговых часов для сайта
Виджет 1Виджет 2
Бесплатные HTML виджеты часов для вебсайта
Почему генератор виджетов часов от 24timezones.com?
Наши html5 виджеты не замедляют ваши веб страницы
Они дружественны к мобильным устройствам
Наши чудесные часы вообще не используют FLASH, а значит ваш вебсайт или блог не будет получать штрафные баллы от Google
Вы можете с легкостью разместить до 10 виджетов в ряд на странице.
Часто задаваемые вопросы
Могу ли я разместить больше чем одни часы на моей странице/сайте? Да, вы можете разместить на странице или вебсайте столько часов, сколько пожелаете Могу ли я изменить код виджета? В общем мы не позволяем делать изменения в коде, что предоставляем. Часы могут работать не верно в случае изменений, поэтому мы советуем просто вставить код "каким он есть". Однако, если вы знакомы с html - можете изменить следующее: цвет, размер, выравнивание и подсветка текста, делать небольшие изменения в текст цифровых часов. Другие изменения, особенно удаление гиперссылок, не разрешаються. Ваша копия часов может быть заблокирована в любой момент после изменений. Город, для которого мне нужны часы использует летнее время. Будут ли часы показывать точное время после перехода на зимнее время? Да, конечно! Наши часы учитивают изменения, связанные с переходами на летнее/зимнее время для всего мира!
Бесплатный виджет часов для вашего сайта или блога. HTML5 часы для любой точки в мире!
Бесплатные часы для вашего вебсайта или блога - вибирайте между простыми аналоговыми или цифровыми часами!
Бесплатный настраиваемый виджет часов для вашего сайта
Нужны точные часы для вашего сайта? Дата, время восхода и заката, долгота дня? Достаточно выбрать нужные параметры и скопировать код. И это бесплатно!
Настройки
Условия использования
Ссылка на Time.is должна быть явно видна на вашей странице. Можно перефразировать или перевести текст ссылки, тогда она должна включать в себя Time.is, время, название местоположения (Братислава) либо название часового пояса (CET). Приемлемые варианты текста ссылки: «Время в Братислава», «Братислава», «Время сейчас». Не допускается ссылка вида: «Нажмите здесь».
Ваша страница не должна автоматически обновляться.
Использование в приложениях и скриптах не допускается.
Виджет распространяется без каких-либо гарантий.
Виджет бесплатен, если основной темой вашего сайта не является этот виджет.
Time.is заблокирует ваш виджет, если эти условия не будут выполняться.
Дополнительные возможности
Есть два скрипта виджета: упрощённая версия, t.js, которая отображает только время, и основной скрипт виджета, ru.js, который может отображать время, дату, время восхода и заката, продолжительность дня. Основной скрипт виджета доступен на нескольких языках. Для других языков замените ru в названии скрипта на код нужного языка. (Например, pl.js для польского языка и tr.js для турецкого.)
Широта и долгота местоположения. Требуется для отображения времени восхода, заката и долготы дня.
id
Для определения местоположения и часового пояса на стороне сервера. Требуется, если название местоположения содержит не-ASCII буквы, и если вы изменили значение id HTML-элемента.
callback
Необязательный параметр: название функции, которая будет вызываться каждую секунду с параметром template.
Названия параметров и их значения чувствительны к регистру. Можно использовать HTML и другое содержимое в параметрах template, time_format, date_format и sun_format.
Можно создать несколько часов следующим образом:
UTC time: New York sunrise time: Tokyo sunrise time: Find the current time for any location or time zone on Time.is!
Значения параметров time_format, date_format, sun_format и template наследуются, так что вам не нужно их повторять, если значение такое же, как и для ранее определённого виджета.
Вывод текущего времени на страницу. Тег
Тег используется для отображения точного даты и времени на веб-странице.
Атрибут datetime указывает связанные с элементом дату и время в формате ISO 8601.
«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.
Читать дальше
Контейнер для чего угодно. Тег
Тег определяет раздел или секцию в HTML-документе. Это контейнер, который используется для группировки других элементов, таких как текст, изображения или другие теги, в разделы или блоки.
Заголовок секции
Какое-нибудь содержимое секции
6 октября 2023
Как добавить подпись в HTML. Тег
Описание изображения
Устаревший атрибут align — выравнивание подписи относительно элемента .
Тег может использоваться только внутри элемента .
Валидный HTML требует, чтобы тег находился после элемента или других медиа-элементов внутри . Однако это необязательное правило, и подпись может располагаться перед медиа-элементом или даже внутри него.
6 октября 2023
Метаданные HTML-страницы. Тег
Тег содержит метаданные о документе HTML. Он может включать такую информацию, как имя автора, название документа, ключевые слова и набор символов.
Атрибуты тега :
charset — кодировка символов в документе.
name — имя метаданных.
content — значение метаданных.
http-equiv — HTTP-заголовок для значения атрибута content .
Атрибут charset должен быть первым атрибутом в теге , а name и http-equiv нельзя использовать вместе.
4 октября 2023
Просто кнопка. Тег
Тег создаёт кликабельную кнопку, которая может запускать действия или события на веб-странице. Например, отправку или перезагрузку формы, запуск функции, открытие нового окна или добавление товара в корзину.
Атрибуты тега :
name — имя кнопки.
type — тип кнопки, по умолчанию — submit . Атрибут type необходим, если указан атрибут value .
value — значение, которое будет отправлено на сервер при нажатии на кнопку.
disabled — указывает, что кнопка должна быть отключена.
form — одна или несколько форм, к которым принадлежит кнопка.
formaction — URL-адрес файла, который будет обрабатывать ввод при нажатии кнопки.
formenctype — указывает, как данные формы должны быть закодированы при отправке на сервер.
formmethod — метод HTTP, используемый при отправке данных формы.
formnovalidate — устанавливает, что данные формы не должны проверяться при отправке на сервер.
formtarget — указывает, где отображать ответ после отправки формы.
4 октября 2023
Независимый контент. Тег
Тег в HTML используется для выделения содержимого, которое является независимым и самодостаточным. Это означает, что такой контент может быть переиспользоваться в разных местах без потери смысла.
Заголовок статьи
Текст статьи.
Тегом размечают статьи в блогах, сообщения на форумах и другие материалы, которые имеют смысл и ценность, даже если они прочитаны вне контекста, в котором были созданы.
Не используйте для группировки элементов, которые не являются самостоятельными материалами, например, для списка продуктов или новостей.
3 октября 2023
Как встроить страницу через
Тег позволяет встраивать контент (например, веб-страницы, видео) прямо в ваш документ HTML.
Простейший пример использования :
Атрибут src задаёт URL-адрес страницы, которую вы хотите встроить.
Атрибуты width и height — ширина и высота фрейма (можно задавать как в пикселях, так и в процентах).
3 октября 2023
Выпадающий список. Тег
Тег используется для создания выпадающего списка. Этот тег содержит список опций, которые пользователь может выбрать. Когда пользователь выбирает опцию, выбранное значение отправляется на сервер или обрабатывается на клиентской стороне.
Все опции списка должны быть обёрнуты в тег .
Атрибуты тега :
autocomplete — подсказка для функции автозаполнения формы;
disabled — делает элемент неактивным;
form — связывает список с формой;
multiple — позволяет выбрать несколько опций;
name — задает имя элемента, которое будет отправляться на сервер;
required — делает элемент обязательным для заполнения;
size — задает количество строк в списке.
1 октября 2023
Встроенные CSS-стили для страницы с тегом
Тег используется для определения стилей для HTML-документов. Он является важным компонентом CSS, которые позволяют разработчикам создавать визуально привлекательные веб-страницы, определяя различные стили, такие как цвета, шрифты и макеты.
