Senpaga, adaptebla horloĝa fenestraĵo por via propra retejo

Ĉu vi volas havi ekzaktan horloĝon en via retejo? Aŭ la hodiaŭan tagon, tempon de sunleviĝo, de sunsubiro au la longecon de la tago? Simple elektu el la opcioj malsupre kaj kopiu la kodon! Senpagas!

Opcioj

Loko
Amsterdamo, Nederlando
Por aliaj lokoj, bonvolu uzi la serĉkeston supre dekstre en la angulo.
Kion montri




Tempoformato



Datoformato




 
Tago:
daynamevendredo
dnameven
daynum01-31
dnum1-31
day_in_ytago 1-366
Semajno:
weeksemajno 52
Monato:
monthnamedecembro
monthnum01-12
mnum1-12
Jaro:
year2024
yy24
Koloro kaj grandeco
px
Kiel aspektos
Nuna loka tempo en Amsterdamo:
La fina rezulto povas esti malsama, depende de stilfolioj en via retejo
Vi povas ŝanĝi la aspekton de la fenestraĵo kiel ajn vi volas per CSS.

Jen la kodo por via propra horloĝo:

Uzkondiĉoj

Altnivela uzado

Ekzistas du versioj de la skripto: simpligita versio, t.js, kiu nur montras la tempon, kaj la ĉefa skripto, eo.js, kiu povas montri tempon, daton, sunleviĝan kaj sunsubiran tempojn kaj taglongecon. La ĉefskripto haveblas en pluraj lingvoj. Por aliaj lingvoj, ŝanĝu la eo en la skriptnomo por la kodo de la dezirata lingvo.

Parametroj por la inicia funkcio:

ParametroValidaj ŝlosilvortojImplicita valoro
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
coordsLa latitudo kaj longitudo de la loko. Necesas por montri sunleviĝan kaj subiran tempojn kaj taglongecon.
idKombinitaj identigilon de la loko kaj horzonon. Necesas se la loknomo enhavas ne-askiajn literojn, aŭ se vi ŝanĝas la elementan identigilon.
callbackLa nomo de funkcio kiu alvokiĝas ĉiusekunde, kun montrata template(enhavo) kiel parametro (opcie).

Parametraj nomoj kaj ŝlosilvortoj estas sentemaj pri sia uskleco. Vi povas aldoni html-on kaj alian enhavon al la parametroj template, time_format, date_format kaj sun_format.

Diversaj horloĝoj povas esti kreataj ĉi tiel:

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/eo.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>

Rezulto:

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

La valoroj de la parametroj time_format, date_format, sun_format kaj template herediĝas, do vi ne bezonas ripeti ilin se la valoro estas la sama kiel en la antaŭa skriptouzo.

 
 
vendredo la 27a de decembro, 2024, semajno 52