Πώς να εισαγάγετε την ημερομηνία και την ώρα σε έναν ιστότοπο

κώδικας html

Προσθέστε την ημερομηνία και την ώρα στον κώδικα για τον ιστότοπό σας.

Πίστωση εικόνας: Baitong333/iStock/Getty Images

Η προσθήκη της τρέχουσας ημερομηνίας και ώρας σε έναν ιστότοπο διασφαλίζει ότι τουλάχιστον ένα πράγμα στον ιστότοπο αλλάζει όταν ένας επισκέπτης του ιστότοπου ανανεώνει μια σελίδα. Δεν χρειάζεται να μάθετε προηγμένες γλώσσες προγραμματισμού όπως PHP, JAVA ή ASP.NET για να εργαστείτε με μορφές ημερομηνίας και ώρας. Χρησιμοποιώντας JavaScript και βασικό HTML, μπορείτε να εισαγάγετε την ημερομηνία και την ώρα στον ιστότοπό σας με μερικές γραμμές κώδικα.

Βήμα 1

Ανοίξτε μία από τις ιστοσελίδες σας χρησιμοποιώντας το Σημειωματάριο, ένα πρόγραμμα επεξεργασίας HTML ή οποιαδήποτε εφαρμογή που παράγει απλό κείμενο. Για να βεβαιωθείτε ότι διατηρείτε ένα αντίγραφο του μη επεξεργασμένου κώδικα του ιστότοπού σας, αντιγράψτε το αρχείο πριν το επεξεργαστείτε.

Το βίντεο της ημέρας

Βήμα 2

Προσθέστε τον ακόλουθο κώδικα μετά την πρώτη ετικέτα "" στο HTML σας:

Αυτό δημιουργεί ένα κενό μπλοκ "div".

Βήμα 3

Προσθέστε τον ακόλουθο κώδικα πριν από την ετικέτα κλεισίματος " " στο HTML σας:

Αυτή η συνάρτηση JavaScript εκτελείται μετά τη φόρτωση της σελίδας. Η μεταβλητή "dateTime" περιέχει την ημερομηνία και την ώρα του συστήματος. Η μεταβλητή "formattedDateTime" σπάει το dateTime σε δύο μορφοποιημένες τιμές, μία για την ημερομηνία και μία για την ώρα, που χωρίζονται με τον χαρακτήρα ορίζεται στο "διαχωριστικό". Οι δύο τελευταίες δηλώσεις προσθέτουν τη μορφοποιημένη συμβολοσειρά ημερομηνίας και ώρας στην ετικέτα "div" που ορίζεται στην ενότητα σώματος του HTML.

Βήμα 4

Αποθηκεύστε το έγγραφο και ανοίξτε το στο πρόγραμμα περιήγησής σας. Η ημερομηνία και η ώρα εμφανίζονται στην τοποθεσία στην οποία τοποθετήσατε την ετικέτα "div". Επαναλάβετε τη φόρτωση της σελίδας για να δείτε τις τιμές που αλλάζουν.

Υπόδειξη

Η μεταβλητή διαχωρισμού μπορεί να περιέχει οποιονδήποτε χαρακτήρα επιλέξετε. Αυτό το παράδειγμα χρησιμοποιεί μια παύλα.