Gratis, aanpasbaar klok widget voor je eigen website
Een klok op uw website die altijd gelijk loopt? Of wilt u de datum, de tijd van zonsopkomst en -ondergang, of de daglengte? Vink aan wat u wilt en kopiëer de code — deze widget is helemaal gratis!
Opties
Gebruiksvoorwaarden
- Uw website moet een duidelijk zichtbare link naar Time.is bevatten. U mag de linktekst vertalen of herformuleren, maar hij moet minstens Time.is, het woord tijd, of de naam van de plaats (Amsterdam) of tijdzone (CET) noemen.
- Uw webpagina dient zich niet automatisch te verversen.
- Gebruik door apps en scripts is niet toegestaan.
- Er zitten geen garanties op deze widget.
- Deze widget is gratis te gebruiken.
Geavanceerd
Er zijn twee widgetscripts: de vereenvoudigde versie, t.js, geeft alleen de tijd weer; het uitgebreide widget script, nl.js, kan tijd, datum, tijd van zonsopkomt en -ondergang, en daglengte weergeven. Het uitgebreide script is in verschillende talen beschikbaar. Voor een andere taal vervangt u de nl in de scriptnaam met de code van de gewenste taal; het Franse script, bijvoorbeerld, is fr.js, en het Braziliaans Portugese script is pt_br.js.
Parameters voor de init functie:
| Parameter | Beschikbare keywords | Standaardwaarde |
| 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 | Breedte- en lengtegraad van de plek. Nodig voor de dagduur en de tijden van zonsopkomst en -ondergang. | |
| id | ID-code wordt door de server gebruikt om de plaats en tijdzone te herkennen. Vereist indien de naam van de plaats non-ascii letters bevat, of wanneer u het HTML element id verandert. | |
| callback | De naam van een functie die elke seconde wordt aangeroepen, en het gerenderde template als parameter heeft. (Niet verplicht.) |
Parameternamen en keywords zijn hoofdlettergevoelig. U kunt HTML en andere content toevoegen aan de template, time_format, date_format, en sun_format parameters.
Een widget met meerdere klokken maakt u als volgt:
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/nl.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>
Resultaat:
De waarden van de time_format, date_format, sun_format en template parameters worden overgeërfd, dus parameters die gelijk blijven hoeft u niet opnieuw op te geven.
