Σε πολλούς ιστότοπους, μπορείτε να δείτε ένα χρονόμετρο να μετράει αντίστροφα μέχρι να εμφανιστεί ένα συγκεκριμένο συμβάν. Αυτό μπορεί να είναι η ώρα λήξης των εκπτώσεων ή ο χρόνος που απομένει μέχρι το νέο έτος. Τέτοιοι χρονοδιακόπτες είναι μια μεγάλη διαφημιστική κίνηση που διεγείρει τη δραστηριότητα των αγοραστών / προμηθευτών, καθώς και μια καλή διαδραστική ποικιλία για τον ιστότοπο.
Απαραίτητη
ένα σενάριο αντίστροφης μέτρησης
Οδηγίες
Βήμα 1
Για να ορίσετε ένα τέτοιο χρονόμετρο στον ιστότοπό σας, κατεβάστε πρώτα το σενάριο χρονομέτρου αντίστροφης μέτρησης. Στη συνέχεια, διαμορφώστε δύο παραμέτρους σε αυτήν: την ημερομηνία αντίστροφης μέτρησης και την αντίστοιχη επιγραφή που θα εμφανίζονται όταν έρθει αυτή η ημερομηνία.
Βήμα 2
Ανοίγοντας το αρχείο λήψης, θα βρείτε 2 αρχεία: το ένα περιέχει το σενάριο countdown.js και το άλλο χρησιμεύει ως παράδειγμα της σελίδας στην οποία θα συνδεθεί αυτό το σενάριο - index.html. Αρχικά, εξαγάγετε τα αρχεία από το αρχείο.
Βήμα 3
Χρησιμοποιήστε το Σημειωματάριο για να επεξεργαστείτε το αρχείο σεναρίου. Για να ανοίξετε το καθορισμένο αρχείο στο Σημειωματάριο, κάντε δεξί κλικ πάνω του. Στο μενού που εμφανίζεται, επιλέξτε το στοιχείο "Άνοιγμα" και μετά επιλέξτε "με - Σημειωματάριο".
Βήμα 4
Επεξεργαστείτε την πρώτη γραμμή στην αρχή του αρχείου: var eventstr = "Ευτυχισμένο το νέο έτος!". Αυτή η επιγραφή θα εμφανίζεται στο τέλος της αντίστροφης μέτρησης. Η δεύτερη γραμμή με την ημερομηνία αντίστροφης μέτρησης βρίσκεται στο τέλος του αρχείου και έχει την εξής μορφή: CountDowndmn (2011, 1, 1) με τη μορφή έτους, μήνα, ημέρας.
Βήμα 5
Επεξεργαστείτε το τμήμα του σεναρίου, το οποίο βρίσκεται επίσης στο τέλος του αρχείου, λίγο πάνω από την ημερομηνία αντίστροφης μέτρησης: countdownid.innerHTML = "+ dday +" "+ ddaystr +", "+ dhour +" "+ dhourstr +", "+ dmin + " + dminstr + "και" + dsec + " + dsecstr.
Βήμα 6
Αποθηκεύστε το προκύπτον αρχείο και τοποθετήστε το στον κατάλογο όπου βρίσκεται η σελίδα του ιστότοπού σας, όπου θα τοποθετηθεί ο χρονοδιακόπτης. Με άλλα λόγια, το αρχείο σελίδας χρονομέτρου και το αρχείο σεναρίου πρέπει να βρίσκονται στον ίδιο κατάλογο.
Βήμα 7
Στη συνέχεια, σε ένα βολικό μέρος για να τοποθετήσετε το χρονόμετρο, στον κώδικα της σελίδας σας, βάλτε 2 γραμμές:
DIV "center" ID = "αντίστροφη μέτρηση">.
Βήμα 8
Η πρώτη γραμμή είναι υπεύθυνη για την εντολή για έξοδο του χρονοδιακόπτη. Το δεύτερο αφορά τη σύνδεση του δημιουργημένου σεναρίου.
Βήμα 9
Ελέγξτε ότι ο χρονοδιακόπτης λειτουργεί. Εάν όλα γίνουν σωστά, τότε θα δείτε μια αντίστροφη μέτρηση στη σωστή θέση στη σελίδα του ιστότοπού σας.
