Darmowy, konfigurowalny zegar na Twoją stronę

Chcesz zegar z dokładną godziną na swojej stronie? Albo dzisiejszą datą, wschodem i zachodem słońca lub długością dnia? Wystarczy wybrać opcje i skopiować kod! Za darmo!

Opcje

Miejsce
Amsterdam, Holandia
Dla innych lokalizacji użyj okienka wyszukiwania w prawym górnym rogu strony.
Co wyświetlić




Format godziny



Format daty




 
Dzień:
daynamepiątek
dnamept
daynum01-31
dnum1-31
day_in_ydzień 1-366
Tydzień:
weektydzień 52
Miesiąc:
monthnamegrudnia
monthnum01-12
mnum1-12
Rok:
year2024
yy24
Kolor i rozmiar
px
Jak to będzie wyglądać
Aktualny czas w Amsterdam:
Rezultat końcowy może być inny, w zależności od arkusza stylów używanego w Twojej witrynie.
Możesz dowolnie dostosować widżet używając CSS.

To jest kod zegara na Twoją witrynę:

Warunki korzystania

Zastosowania zaawansowane

Istnieją dwa skrypty widżetu: Prosty, t.js, który wyświetla tylko czas i główny skrypt pl.js, który może pokazywać czas, datę, informacje o wschodzie i zachodzie słońca i długość dnia. Skrypt głównego widżetu jest dostępny w wielu językach. Aby zmienić język używany w widżecie, zmień pl w nazwie skryptu na kod języka, którego chcesz użyć (na przykład pl.js, oznacza skrypt w języku polskim a tr.js w tureckim).

Parametry funkcji init:

ParametrMożliwe słowa kluczoweDomyślna wartość
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
coordsDługość i szerokość geograficzna danej lokalizacji. Wymagane do wyświetlania informacji o wschodzie i zachodzie słońca oraz długości dnia.
idUżywane do identyfikacji lokalizacji i strefy czasowej po stronie serwera. Wymagane, jeśli nazwa lokalizacji zawiera znaki nie wchodzące w skład ASCII lub identyfikator elementu HTML został zmieniony.
callbackNazwa funkcji wywoływanej co sekundę, z renderowanym template jako parametrem. (opcjonalnie)

W nazwach parametrów i słowach kluczowych rozróżniana jest wielkość znaków. Do parametrów template, time_format, date_format oraz sun_format możesz dodać kod HTML i inną zawartość.

Wiele zegarów można utworzyć w ten sposób:

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/pl.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>

Wynik:

UTC time:
New York sunrise time:
Tokyo sunrise time:
Find the current time for any location or time zone on Time.is!

Wartości parametrów time_format, date_format, sun_format i template są dziedziczne, więc nie trzeba ich powtarzać, jeśli są takie same jak w poprzednio tworzonym widżecie.

 
 
piątek, 27 grudnia 2024, tydzień 52