Gratis och anpassningsbar klockwidget för din egna webbsida
Vill du ha en exakt klocka på din egna hemsida? Eller dagens datum, soluppgång, solnedgång eller dagslängd? Välj bara ett alternativ nedan och kopiera koden! Det är gratis!
Alternativ
Termer för användning
- En länk till Time.is måste vara klart synlig på din hemsida. Du kan frasa om eller översätta länktexten, men den måste innehålla Time.is, tid, eller namnet på platsen (Amsterdam) eller tidszonen (CET).
- Din hemsida ska inte uppdateras automatiskt.
- Användning av appar och scripts är inte tillåtet.
- Widgeten har ingen garanti.
- Widgeten följer med gratis.
Avancerat användande
Det finns två widget scripts: En simpel version, t.js, som bara visar tid, och huvudscriptet, sv.js, som kan visa tid, datum, soluppgång, solnedgång och dagslängd. Huvudscriptet är tillgängligt på flera språk. För andra språk ersätt sv i scriptnamnet med koden för ditt utvalda språk.
Parametrer för initfunktionen:
| Parameter | Giltliga nyckelord | Förvalt värde |
| 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 | Platsens latitud och longitud. Behövs för att visa soltider och daglängder. | |
| id | Kombinerad ID av platsen och tidszonen. Behövs om platsens namn innehåller ej-ascii bokstäver, eller om du ändrar element-id. | |
| callback | Namnet på en funktion som blir kallad varje sekund, med renderat innehåll som parameter (valfritt). |
Parameternamn och nyckelord är skiftlägeskänsliga. Du kan lägga till html och annat innehåll till template, time_format, date_format och sun_format parametrer.
Mångfaldiga klockor kan skapas såhär:
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/sv.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>
Resultat:
Värdena av time_format, date_format, sun_format och template-parametrarna är ärvda, så du inte behöver repetera dem om värdet är samma som för den föregående definierade widgeten.
