Exemple: compter le nombre de jours avant mon anniversaire


 

1. Ce que l'on veut faire

Pour s'exercer encore à utiliser les fonctions et objets de JavaScript, un autre exemple classique. On affiche le nombre de jours une certaine date, par exemple, avant mon anniversaire. Quatre étapes sont nécessaires pour y arriver. Il faut:

  1. créer une variable de type Date correspondant au moment actuel
  2. créer une variable de type Date correspondant à la deuxième date (mon anniversaire)
  3. compter le nombre de jours séparant les deux dates
  4. afficher le résultat dans la page HTML

Comme vu précédemment, JavaScript possède un object de type Date, sur lequel on peut récupérer le temps. La méthode "getTime" récupére le temps en millisecondes. Alors pour calculer le nombre de jours séparant 2 événements, il faut transformer le nombre de millisecondes (que nous retournera JavaScript) en jours. La section CODE rend le calcul explicite.

2. Exemple

 

3. Code utilisé

Le bout de code JavaScript utilisé est le suivant:

<SCRIPT LANGUAGE = "JavaScript">

<!--
var actu = new Date();
var annee = actu.getFullYear();
var anni = new Date("27 March, " + annee);
var intervalle = anni.getTime() - actu.getTime();
intervalle = Math.floor(intervalle / (1000 * 60 * 60 * 24));
document.write("Aujourd'hui, nous sommes le " + actu + ".<BR>");
document.write("Mon anniversaire est le: " + anni + ".</P>");
document.write("<B>Alors, il ne reste plus que " + intervalle + " jours avant mon anniversaire!</B>");
// -->

</SCRIPT>
 

4. Pour vous pratiquer, des exercices...

Vous pouvez modifier le bout de code présenté, et essayé de calculer l'intervalle avec d'autres dates (avec Noel, Paques, la Saint-Valentin, etc). Egalement, faites en sorte que les dates affichées soient dans un plus joli format que l'exemple donné.

 


Programmer en JavaScript @ TECFA