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
Warunki korzystania
- Łacze do Time.is musi być dobrze widoczne w Twojej witrynie. Możesz zmieniać treść lub ją tłumaczyć, ale musi zawierać słowa Time.is, time, nazwę miejsca (Nowy Jork) lub strefę czasową (EDT).
- Twoja strona nie może odświeżać się automatycznie.
- Używanie aplikacji i skryptów nie jest dozwolone.
- Na działanie widżetu nie dajemy żadnej gwarancji
- Widget jest bezpłatny, chyba, że to on jest głównym elementem witryny.
- Time.is zablokuje Twój widżet, jeśli te warunki nie zostaną spełnione.
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:
| Parametr | Możliwe słowa kluczowe | Domyślna wartość |
| template | TIME, DATE, SUN | TIME |
| time_format | hours, minutes, seconds, 12hours, AMPM | hours:minutes:seconds |
| date_format | dayname, dname, daynum, dnum, day_in_y, week, monthname, monthnum, mnum, yy, year | year-monthnum-daynum |
| sun_format | srhour, srminute, sr12hour, srAMPM, sshour, ssminute, ss12hour, ssAMPM, dlhours, dlminutes | srhour:srminute-sshour:ssminute |
| coords | Długość i szerokość geograficzna danej lokalizacji. Wymagane do wyświetlania informacji o wschodzie i zachodzie słońca oraz długości dnia. | |
| id | Uż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. | |
| callback | Nazwa 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:
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.
