Απλή αντίστροφη μέτρηση JavaScript

• Απρίλιος 27, 2024

Ήθελα ένα απλό χρονόμετρο αντίστροφης αντιστοίχισης JavaScript που θα μπορούσα να βάλω σε ένα πλαίσιο widget του Blogger ή να το χρησιμοποιήσω στο πλαίσιο μιας ιστοσελίδας. Αρχικά, υποθέτω ότι θα μπορούσα εύκολα να βρω ακριβώς αυτό που έψαχνα με μια γρήγορη αναζήτηση στον ιστό. Ωστόσο, όλοι οι μετρητές που βρήκα ήταν πολύ πιο περίπλοκοι από αυτό που έψαχνα. Δεν ήθελα να μετράω μέχρι το τελευταίο δευτερόλεπτο, απλά με νοιάζει για μέρες. Έτσι, αποφάσισα να γράψω τη δική μου.

Ο ακόλουθος κώδικας έχει ρυθμιστεί ώστε να μετράει ημέρες μέχρι (ή από) τις 8 Αυγούστου 2008. Επειδή ο 8 είναι ένας ευοίωνος αριθμός στον κινεζικό πολιτισμό, αυτή η ημέρα επιλέχθηκε για τις τελετές έναρξης των θερινών Ολυμπιακών Αγώνων του 2008 στο Πεκίνο.


var millisecs_per_day = 86400000
// ορίστε τον χρόνο αντίστροφης μέτρησης σε χιλιοστά του δευτερολέπτου
// θέσει την επιθυμητή ημέρα ως επιχειρήματα στην Date.UTC
// Στη σειρά:
// έτος, μήνα (θυμηθείτε τον Ιανουάριο είναι 0), ημέρα του μήνα, offset από GMT
// ΣΗΜΕΙΩΣΗ: χρησιμοποιούμε την αντιστάθμιση επειδή αντιπροσωπεύει τα μεσάνυχτα
// (αρχή της ημέρας) σε μια συγκεκριμένη ζώνη ώρας
var countdown_time = Date.UTC (2008,7,8, -8);
// πάρτε την τρέχουσα ώρα και μετατρέψτε σε χιλιοστά του δευτερολέπτου
var τώρα = νέα Ημερομηνία ();
var now_millisecs = now.valueOf ();

var day_cnt = Math.ceil ((countdown_time - now_millisecs) / 86400000)

// εμφανίζει τον αριθμό των ημερών που απομένουν (ή από τότε)
αν (day_cnt> 1)
{
// πολλές ημέρες για να πάτε
document.write (day_cnt + "ημέρες για μετάβαση")
}
else if (day_cnt == 1)
{
// μια μέρα για να πάει
document.write (day_cnt + "ημέρα για να πάει")
}
else if (day_cnt == 0)
{
// είναι σήμερα
document.write ("σήμερα")
}
else if (day_cnt == -1)
{
// πριν από μία ημέρα
document.write (day_cnt + "πριν από μέρα")
}
αλλού
{
// πριν από πολλές ημέρες
document.write (day_cnt + "ημέρες πριν")
}


Μπορείτε να κατεβάσετε αυτόν τον κώδικα ή να τον δείτε στη δράση εδώ. Για να χρησιμοποιήσετε αυτόν τον κώδικα στα δικά σας έργα, αντιγράψτε και επικολλήστε τον στην ιστοσελίδα σας (ή ένα πλαίσιο widget HTML / JavaScript του Blogger, όπως φαίνεται στην παραπάνω εικόνα.) Αλλάξτε την ημερομηνία σύμφωνα με τις οδηγίες στα σχόλια - εάν αυτό προκαλεί σύγχυση , μπορείτε να βρείτε το άρθρο μου σχετικά με την Εισαγωγή στις Ημερομηνίες UTC χρήσιμο.

Οδηγίες Βίντεο: Ανατομία ενός εγκλήματος - Αντίστροφη Μέτρηση (Απρίλιος 2024).