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

Plaats
Amsterdam, Nederland
Voor andere plaatsen: gebruik het zoekveld in de rechterbovenhoek.
Wat te tonen




Tijdweergave



Datumweergave




 
Dag:
daynamezaterdag
dnameza
daynum01-31
dnum1-31
day_in_ydag 1-366
Week:
weekweek 50
Maand:
monthnamedecember
monthnum01-12
mnum1-12
Jaar:
year2024
yy24
Kleur en grootte
px
Eindresultaat
De plaatselijke tijd in Amsterdam:
Dit resultaat kan er op uw website anders uitzien, afhankelijk van de style sheets die u gebruikt.
Je kan de style van de widget aanpassen hoe je het zelf wilt met CSS

Dit is de code voor uw klokwidget:

Gebruiksvoorwaarden

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:

ParameterBeschikbare keywordsStandaardwaarde
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
coordsBreedte- en lengtegraad van de plek. Nodig voor de dagduur en de tijden van zonsopkomst en -ondergang.
idID-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.
callbackDe 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:

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

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.

 
 
zaterdag 14 december 2024 (week 50)