×

Безкоштовний віджет годинника для вашого сайту

Хочете мати точний годинник на вашому сайті? Або ж знати сьогоднішню дату, час сходу і заходу сонця чи тривалість дня? Для цього просто оберіть потрібні вам опції знизу і скопіюйте готовий код на свій сайт. Усе це безкоштовно!

Опції

Розташування
Central European Summer Time (CEST)
Якщо хочете знайти інше розташування, введіть його назву у полі пошуку нагорі сторінки.
Що показувати




Формат часу



Формат дати




 
День:
daynameпʼятниця
dnameпт
daynum01-31
dnum1-31
day_in_yдень 1-366
Тиждень:
weekтиждень 47
Місяць:
monthnameлистопада
monthnum01-12
mnum1-12
Рік:
year2024
yy24
Колір та шрифт
px
Як це буде виглядати
Central European Summer Time:
Остаточний вигляд може відрізнятися в залежності від стилю вашого сайту.
Ви можете налаштувати віджет як завгодно, використовуючи CSS.

Код вашого віджета:

Умови використання

Розширене використання

Існує два скрипти для віджетів: спрощений t.js, який показує лише час, та основний uk.js, який може показувати час, дату, схід і захід сонця, тривалість дня. Основний скрипт для віджетів доступний кількома мовами. Для цього замініть uk у назві скрипту на код потрібної вам мови (наприклад, 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/uk.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 успадковуються, так що вам не доведеться повторювати їх, якщо значення такі ж, як і в попередньому вашому віджеті.