Δωρεάν προσαρμόσιμο widget με ρολόι για την ιστοσελίδα σου

Θέλετε ακριβές ρολόι στον δικό σου ιστότοπο; Ή σημερινή ημερομηνία, ώρα ανατολής, ηλιοβασιλέματος ή διάρκεια ημέρας; Απλώς διάλεξε από τις παρακάτω επιλογές και αντέγραψε τον κωδικό! Είναι δωρεάν!

Επιλογές

Τοποθεσία
Νέα Υόρκη, ΗΠΑ
Για άλλες τοποθεσίες, χρησιμοποίησε το κουτάκι αναζήτησης στο πάνω δεξιά μέρος της σελίδας.
Τι να εμφανιστεί




Μορφή ώρας



Μορφή ημερομηνίας




 
Ημέρα:
daynameΤρίτη
dnameΤρι
daynum01-31
dnum1-31
day_in_yημέρα 1-366
Εβδομάδα:
week52η εβδομάδα
Μήνας:
monthnameΔεκέμβριος
monthnum01-12
mnum1-12
Χρόνος:
year2024
yy24
Χρώμα και μέγεθος
px
Πως θα εμφανιστεί
Ώρα σε Νέα Υόρκη:
Το τελικό αποτέλεσμα μπορεί να είναι διαφορετικό, ανάλογα με το style sheet στην ιστοσελίδα σου.
Μπορείς να σχεδιάσεις το widget με όποιον τρόπο θέλεις με CSS.

O κωδικας για το δικό σου widget ρολογιού:

Όροι χρήσης

Προχωρημένη χρήση

Υπάρχουν δύο widget scripts: Μια απλοποιημένη έκδοση. t.js, που εμφανίζει μόνο την ώρα και το κύριο widget script, και el.js, που εμφανίζει ώρα, ημερομηνία, ώρα ανατολής, ώρα ηλιοβασιλέματος και μήκος ημέρας. Το κύριο widget είναι διαθέσιμο σε πολλές γλώσσες. Για άλλες γλώσσες, αντικατέστησε το el στο όνομα του script με τον κώδικα της επιθυμητής γλώσσας (για παράδειγμα pl.js για Πολωνικά ή tr.js για Τουρκικά). Το κύριο σενάριο widget είναι διαθέσιμο σε πολλές γλώσσες. Για άλλες γλώσσες, αντικαταστήστε το% l στο όνομα του σεναρίου με τον κωδικό για την επιθυμητή γλώσσα. (Για παράδειγμα pl.js για Πολωνικά ή tr.js για Τουρκικά.)

Παράμετροι για τη λειτουργία init:

ΠαράμετροςΈγκυρες λέξεις-κλειδιάΠροεπιλεγμένη τιμή
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
coordsΤο γεωγραφικό πλάτος και μήκος της τοποθεσίας. Απαιτείται για την εμφάνιση ωρών ήλιου και διάρκεια ημέρας.
idΓια τον προσδιορισμό της τοποθεσίας και της ζώνης ώρας στην πλευρά του διακομιστή. Απαιτείται εάν το όνομα τοποθεσίας περιέχει γράμματα που δεν είναι ASCII και εάν αλλάξείς το id του HTML element.
callbackΤο όνομα μιας συνάρτησης που καλείται κάθε δευτερόλεπτο, με απόδοση πρότυπο ως παράμετρο. (Προαιρετικό)

Τα ονόματα και οι λέξεις-κλειδιά των παραμέτρων έχουν διάκριση πεζών-κεφαλαίων. Μπορείς να χρησιμοποιήσεις HTML και άλλο περιεχόμενο στις παραμέτρους template, time_format, date_format και sun_format.

Πολλά ρολόγια μπορούν να δημιουργηθούν ως εξής:

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

Αποτέλεσμα:

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

Οι τιμές των παραμέτρων time_format, date_format, sun_format και template θα κληρονομηθούν, επομένως δεν χρειάζεται να τις επαναλάβεις εάν η τιμή είναι ίδια με αυτήν της προηγούμενα ορισμένη widget.