×

Ilmainen, kustomoitava kellowidgetti kotisivullesi.

Haluatko kotisivullesi oman kellon? Tai päivämäärän, auringonnousun ja -laskun ajankohdan tai päivän keston. Muokkaa alla olevat asetukset mieleiseksesi ja kopioi koodi! Kellowidgetti on ilmainen!

Asetukset

Kohde
Central European Summer Time (CEST)
Etsiäksesi kohteen, käytä oikean ylänurkan hakua.
Valitse näytettävät tiedot




Ajan esitysmuoto



Päivämäärän esitysmuoto




 
Päivä:
daynameperjantai
dnamepe
daynum01-31
dnum1-31
day_in_ypäivä 1-366
Viikko:
weekviikko 47
Kuukausi:
monthnamemarraskuu
monthnum01-12
mnum1-12
Vuosi:
year2024
yy24
Värit ja koot
px
Tältä lopputulos tulee näyttämään
Aika: Central European Summer Time:
Lopullinen tulos saattaa poiketa hieman tästä riippuen sivuillasi käytössä olevista tyylitiedostoista.
Voit myös halutessasi muotoilla widgetin mieleiseksesi CSS-tiedostojen avulla.

Tällä koodilla saat kellowidgetin sivustollesi:

Käyttöehdot

Lisäasetukset

Widgettiskriptejä on kaksi: Yksinkertaistettu versio, t.js, joka näyttää vain ajan, ja pääasiallinen widgettiskripti, fi.js, joka voi näyttää ajan, päiväyksen, auringon nousu- ja laskuajan sekä päivän pituuden. Pääasiallinen skripti on saatavilla useilla kielillä. Valitaksesi kielen, korvaa kohta fi skriptin nimessä haluamasi kielen koodilla. (Esimerkiksi, jos haluat käyttää puolan kieltä, pl.js tai jos haluat käyttää turkin kieltä, tr.js.)

init-funktion parametrit:

ParametriKelvolliset avainsanatOletusarvo
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
coordsKohteen pituus- ja leveysasteet. Nämä tarvitaan auringon nousu- ja laskuaikojen sekä päivän pituuden määrittämiseksi.
idKohteen sijainnin ja aikavyöhykkeen tunnistamiseen palvelimen puolella. Tätä vaaditaan jos kohteen nimessä on ascii-merkistöön kuulumattomia kirjaimia tai jos haluat vaihtaa HTML-elementin tunnistetta (id).
callbackJoka sekunti kutsuttavan funktion nimi, anna parametriksi template. (Valinnainen)

Suuret ja pienet kirjaimet tulkitaan eri kirjaimiksi parametrien nimissä ja avainsanoissa. Voit halutessasi käyttää HTML:ää ja muuta sisältöä kohdissa template, time_format, date_format ja sun_format.

Useamman kellon voi tehdä seuraavasti:

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

Lopputulos:

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

Kohtien time_format, date_format, sun_format ja template parametrit periytyvät, joten sinun ei tarvitse toistaa arvoja jos ne ovat samoja kuin aikaisemmissa widgeteissäsi.