Un compte à rebours JavaScript simple

• Mai 15, 2024

Je voulais un simple compte à rebours JavaScript que je pourrais mettre dans une boîte de widget Blogger, ou utiliser dans le contexte d'une page Web. Au départ, je supposais que je pouvais facilement trouver exactement ce que je cherchais avec une recherche rapide sur le Web. Cependant, tous les compteurs que j'ai trouvés étaient beaucoup plus compliqués que ce que je cherchais. Je ne voulais pas compter à rebours jusqu'à la dernière seconde, je me souciais simplement des jours. J'ai donc décidé d'écrire le mien.

Le code suivant est configuré pour compter les jours jusqu'au (ou à partir du) 8 août 2008. Parce que 8 est un nombre propice dans la culture chinoise, ce jour a été choisi pour les cérémonies d'ouverture des Jeux olympiques d'été de 2008 à Pékin.


var millisecs_per_day = 86400000
// définir le compte à rebours en millisecondes
// place le jour souhaité comme arguments dans Date.UTC
// dans l'ordre:
// année, mois (rappelez-vous que janvier est 0), jour du mois, décalage par rapport à GMT
// NOTE: nous utilisons l'offset car cela représente minuit
// (début de la journée) dans un fuseau horaire spécifique
var countdown_time = Date.UTC (2008,7,8, -8);
// obtenir l'heure actuelle et convertir en millisecondes
var now = new Date ();
var now_millisecs = now.valueOf ();

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

// affiche le nombre de jours restants (ou depuis)
si (day_cnt> 1)
{
// plusieurs jours à parcourir
document.write (day_cnt + "jours restants")
}
sinon si (day_cnt == 1)
{
// il reste un jour
document.write (day_cnt + "day to go")
}
sinon si (day_cnt == 0)
{
// c'est aujourd'hui
document.write ("aujourd'hui")
}
sinon si (day_cnt == -1)
{
// il y a un jour
document.write (day_cnt + "day ago")
}
autre
{
// il y a plusieurs jours
document.write (day_cnt + "il y a jours")
}


Vous pouvez télécharger ce code ou le voir en action ici. Pour utiliser ce code dans vos propres projets, copiez-le et collez-le dans votre page Web (ou dans une boîte de widget Blogger HTML / JavaScript, comme indiqué dans l'image ci-dessus.) Modifiez la date selon les instructions dans les commentaires - si cela prête à confusion , mon article sur l'introduction aux dates UTC peut vous être utile.

Instructions Vidéo: Comment créer un compte à rebours en JavaScript (Mai 2024).