×

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
Novjorko, Usono
Por aliaj lokoj, bonvolu uzi la serĉkeston supre dekstre en la angulo.
Kion montri




Tempoformato



Datoformato




 
Tago:
daynamemardo
dnamemar
daynum01-31
dnum1-31
day_in_ytago 1-366
Semajno:
weeksemajno 12
Monato:
monthnamemarto
monthnum01-12
mnum1-12
Jaro:
year2024
yy24
Koloro kaj grandeco
px
Kiel aspektos
Nuna loka tempo en Novjorko:
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.

 
 
mardo la 19a de marto, 2024, semajno 12