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!
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.