Ĉ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!
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:
Parametro | Validaj ŝlosilvortoj | Implicita valoro |
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 | La latitudo kaj longitudo de la loko. Necesas por montri sunleviĝan kaj subiran tempojn kaj taglongecon. | |
id | Kombinitaj identigilon de la loko kaj horzonon. Necesas se la loknomo enhavas ne-askiajn literojn, aŭ se vi ŝanĝas la elementan identigilon. | |
callback | La 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:
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.