×

Бесплатный настраиваемый виджет часов для вашего сайта

Нужны точные часы для вашего сайта? Дата, время восхода и заката, долгота дня? Достаточно выбрать нужные параметры и скопировать код. И это бесплатно!

Настройки

Местоположение
Нью-Йорк, США
Если нужно другое местоположение, воспользуйтесь окном поиска в верхнем правом углу.
Что показывать




Формат времени



Формат даты




 
День:
daynameвторник
dnameвт
daynum01-31
dnum1-31
day_in_yдень 1-366
Неделя:
weekнеделя 12
Месяц:
monthnameмарта
monthnum01-12
mnum1-12
Год:
year2024
yy24
Цвет и размер
px
Как это будет выглядеть
Нью-Йорк:
Виджет может выглядеть по-другому в зависимости от стилей вашего сайта.
Вы всегда можете изменить стиль виджета, используя CSS.

Код виджета часов для вашего сайта:

Условия использования

Дополнительные возможности

Есть два скрипта виджета: упрощённая версия, t.js, которая отображает только время, и основной скрипт виджета, ru.js, который может отображать время, дату, время восхода и заката, продолжительность дня. Основной скрипт виджета доступен на нескольких языках. Для других языков замените ru в названии скрипта на код нужного языка. (Например, pl.js для польского языка и tr.js для турецкого.)

Параметры функции init:

ПараметрДопустимые значенияЗначение по умолчанию
templateTIME, DATE, SUNTIME
time_formathours, minutes, seconds, 12hours, AMPMhours:minutes:seconds
date_formatdayname, dname, daynum, dnum, day_in_y, week, monthname, monthnum, mnum, yy, yearyear-monthnum-daynum
sun_formatsrhour, srminute, sr12hour, srAMPM, sshour, ssminute, ss12hour, ssAMPM, dlhours, dlminutessrhour:srminute-sshour:ssminute
coordsШирота и долгота местоположения. Требуется для отображения времени восхода, заката и долготы дня.
idДля определения местоположения и часового пояса на стороне сервера. Требуется, если название местоположения содержит не-ASCII буквы, и если вы изменили значение id HTML-элемента.
callbackНеобязательный параметр: название функции, которая будет вызываться каждую секунду с параметром template.

Названия параметров и их значения чувствительны к регистру. Можно использовать HTML и другое содержимое в параметрах template, time_format, date_format и sun_format.

Можно создать несколько часов следующим образом:

UTC time: <span id="UTC_za00"></span><br/>
New York sunrise time: <span id="New_York_z161"></span><br/>
Tokyo sunrise time: <span id="Tokyo_z444"></span><br/>
Find the <a href="https://time.is/" id="time_is_link" rel="nofollow">current time for any location or time zone on Time.is!</a>
<script src="//widget.time.is/ru.js"></script>
<script>
time_is_widget.init({
	UTC_za00 : {},
	New_York_z161 : {
		template: "SUN",
		sun_format: "srhour:srminute",
		coords: "40.71427,-74.00597"
		},
	Tokyo_z444 : {
		coords: "59.33258,18.06490"
		}
	});
</script>

Результат:

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 наследуются, так что вам не нужно их повторять, если значение такое же, как и для ранее определённого виджета.

 
 
вторник, 19 марта 2024 г, неделя 12